@selfdecode/sd-component-library 2.43.9 → 2.43.13

package/lib/components/meters/outline-meter/partials/outline-meter-range/interfaces.d.ts

@@ -1,22 +1,22 @@
-import { OutlineMeterLabelPosition, OutlineMeterProps, OutlineMeterRangeConfig } from "../../interfaces";
-import { OutlineMeterLabelPointerProps } from "../outline-meter-label-pointer/interfaces";
-export interface OutlineMeterRangeProps extends Required<Pick<OutlineMeterProps, "value" | "arc" | "distanceBetweenRanges" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth" | "hideLabels">>, OutlineMeterRangeConfig, Pick<OutlineMeterLabelPointerProps, "distanceFromRanges"> {
-    segmented?: boolean;
-    connected?: boolean;
-    /**
-     * Meter diameter.
-     */
-    diameter: number;
-    /**
-     * Total number of ranges.
-     */
-    totalRanges: number;
-    /**
-     * Index of the current range.
-     */
-    idx: number;
-    /**
-     * Force position of the label for range.
-     */
-    labelPosition?: OutlineMeterLabelPosition;
-}
+import { OutlineMeterLabelPosition, OutlineMeterProps, OutlineMeterRangeConfig } from "../../interfaces";
+import { OutlineMeterLabelPointerProps } from "../outline-meter-label-pointer/interfaces";
+export interface OutlineMeterRangeProps extends Required<Pick<OutlineMeterProps, "value" | "arc" | "distanceBetweenRanges" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth" | "hideLabels">>, OutlineMeterRangeConfig, Pick<OutlineMeterLabelPointerProps, "distanceFromRanges"> {
+    segmented?: boolean;
+    connected?: boolean;
+    /**
+     * Meter diameter.
+     */
+    diameter: number;
+    /**
+     * Total number of ranges.
+     */
+    totalRanges: number;
+    /**
+     * Index of the current range.
+     */
+    idx: number;
+    /**
+     * Force position of the label for range.
+     */
+    labelPosition?: OutlineMeterLabelPosition;
+}

package/lib/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { OutlineMeterRangeProps as Props } from "./interfaces";
-export declare const OutlineMeterRange: React.FC<Props>;
+import React from "react";
+import { OutlineMeterRangeProps as Props } from "./interfaces";
+export declare const OutlineMeterRange: React.FC<Props>;

package/lib/components/meters/outline-meter/partials/outline-meter-scale/index.d.ts

@@ -1 +1 @@
-export { OutlineMeterScale } from "./outline-meter-scale";
+export { OutlineMeterScale } from "./outline-meter-scale";

package/lib/components/meters/outline-meter/partials/outline-meter-scale/interfaces.d.ts

@@ -1,8 +1,8 @@
-import { OutlineMeterRangeProps } from "../outline-meter-range/interfaces";
-import { OutlineMeterProps } from "../../interfaces";
-export interface OutlineMeterScaleProps extends Pick<OutlineMeterRangeProps, "diameter">, Required<Pick<OutlineMeterProps, "arc" | "dashHeight" | "dashWidth" | "numberOfDashes" | "gaugeWidth" | "distanceFromRangesToScale">> {
-    /**
-     * Dash color.
-     */
-    color?: string;
-}
+import { OutlineMeterRangeProps } from "../outline-meter-range/interfaces";
+import { OutlineMeterProps } from "../../interfaces";
+export interface OutlineMeterScaleProps extends Pick<OutlineMeterRangeProps, "diameter">, Required<Pick<OutlineMeterProps, "arc" | "dashHeight" | "dashWidth" | "numberOfDashes" | "gaugeWidth" | "distanceFromRangesToScale">> {
+    /**
+     * Dash color.
+     */
+    color?: string;
+}

package/lib/components/meters/outline-meter/partials/outline-meter-scale/outline-meter-scale.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { OutlineMeterScaleProps as Props } from "./interfaces";
-export declare const OutlineMeterScale: React.FC<Props>;
+import React from "react";
+import { OutlineMeterScaleProps as Props } from "./interfaces";
+export declare const OutlineMeterScale: React.FC<Props>;

package/lib/components/meters/outline-meter/small-outline-meter.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { SmallOutlineMeterProps as Props } from "./interfaces";
-export declare const SmallOutlineMeter: React.FC<Props>;
+import React from "react";
+import { SmallOutlineMeterProps as Props } from "./interfaces";
+export declare const SmallOutlineMeter: React.FC<Props>;

package/lib/components/meters/outline-meter/utils.d.ts

@@ -1,28 +1,29 @@
-import { Bounds } from "./interfaces";
-export declare const degToRad: (deg: number) => number;
-/**
- * Returns coordinates of the point on the arc
- * @param r Circle radius.
- * @param alpha Angle between horizontal axis and radius to the point on the arc.
- */
-export declare const getCoordinateForArc: (r: number, alpha: number) => {
-    x: number;
-    y: number;
-};
-/**
- * Returns x coordinate for the point located on the radius to the initial point on the arc.
- * @param x X coordinate of the point on the arc.
- * @param alpha Angle between horizontal axis and radius to the point on the arc.
- * @param delta Distance between points
- */
-export declare const getInnerX: (x: number, alpha: number, delta: number) => number;
-/**
- * Returns y coordinate for the point located on the radius to the initial point on the arc.
- * @param y Y coordinate of the point on the arc.
- * @param alpha Angle between horizontal axis and radius to the point on the arc.
- * @param delta Distance between points
- */
-export declare const getInnerY: (y: number, alpha: number, delta: number) => number;
-export declare const isValueInRange: (value: number, start: number, end: number, bounds: Bounds) => boolean;
-export declare const inValueHigherThanRange: (value: number, end: number, bounds: Bounds) => boolean;
-export declare const flipBounds: (bounds: Bounds) => Bounds;
+import { Bounds } from "./interfaces";
+export declare const degToRad: (deg: number) => number;
+/**
+ * Returns coordinates of the point on the arc
+ * @param r Circle radius.
+ * @param alpha Angle between horizontal axis and radius to the point on the arc.
+ * @param baseRadius radius of the reference circle.
+ */
+export declare const getCoordinateForArc: (r: number, alpha: number, baseRadius?: number) => {
+    x: number;
+    y: number;
+};
+/**
+ * Returns x coordinate for the point located on the radius to the initial point on the arc.
+ * @param x X coordinate of the point on the arc.
+ * @param alpha Angle between horizontal axis and radius to the point on the arc.
+ * @param delta Distance between points
+ */
+export declare const getInnerX: (x: number, alpha: number, delta: number) => number;
+/**
+ * Returns y coordinate for the point located on the radius to the initial point on the arc.
+ * @param y Y coordinate of the point on the arc.
+ * @param alpha Angle between horizontal axis and radius to the point on the arc.
+ * @param delta Distance between points
+ */
+export declare const getInnerY: (y: number, alpha: number, delta: number) => number;
+export declare const isValueInRange: (value: number, start: number, end: number, bounds: Bounds) => boolean;
+export declare const inValueHigherThanRange: (value: number, end: number, bounds: Bounds) => boolean;
+export declare const flipBounds: (bounds: Bounds) => Bounds;

package/lib/components/meters/people-meter/assets/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as Person } from "./person.svg";
+export { ReactComponent as Person } from "./person.svg";

package/lib/components/meters/people-meter/index.d.ts

@@ -1 +1 @@
-export { PeopleMeter } from "./people-meter";
+export { PeopleMeter } from "./people-meter";

package/lib/components/meters/people-meter/interfaces.d.ts

@@ -1,23 +1,23 @@
-import { BaseComponentProps } from "../../interfaces";
-export interface PeopleMeterProps extends BaseComponentProps {
-    /**
-     * gap between bars
-     */
-    gap?: string[];
-    /**
-     * Colors for Person Icon if they are active
-     */
-    activeColors?: string[];
-    /**
-     * Max bars to be displayed
-     */
-    maxValue?: number;
-    /**
-     * Number of active bars
-     */
-    value: number;
-    /**
-     * Width of one person icon
-     */
-    widthPerIcon?: string;
-}
+import { BaseComponentProps } from "../../interfaces";
+export interface PeopleMeterProps extends BaseComponentProps {
+    /**
+     * gap between bars
+     */
+    gap?: string[];
+    /**
+     * Colors for Person Icon if they are active
+     */
+    activeColors?: string[];
+    /**
+     * Max bars to be displayed
+     */
+    maxValue?: number;
+    /**
+     * Number of active bars
+     */
+    value: number;
+    /**
+     * Width of one person icon
+     */
+    widthPerIcon?: string;
+}

package/lib/components/meters/people-meter/people-meter.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { PeopleMeterProps } from "./interfaces";
-/**
- *  PeopleMeter component.
- */
-export declare const PeopleMeter: (props: PeopleMeterProps) => React.ReactElement<PeopleMeterProps>;
+import React from "react";
+import { PeopleMeterProps } from "./interfaces";
+/**
+ *  PeopleMeter component.
+ */
+export declare const PeopleMeter: (props: PeopleMeterProps) => React.ReactElement<PeopleMeterProps>;

package/lib/components/meters/smiley-meter/assets/index.d.ts

@@ -1,5 +1,5 @@
-export { ReactComponent as OutlinedSmileyState1 } from "./outlined-smiley-state-1.svg";
-export { ReactComponent as OutlinedSmileyState2 } from "./outlined-smiley-state-2.svg";
-export { ReactComponent as OutlinedSmileyState3 } from "./outlined-smiley-state-3.svg";
-export { ReactComponent as OutlinedSmileyState4 } from "./outlined-smiley-state-4.svg";
-export { ReactComponent as OutlinedSmileyState5 } from "./outlined-smiley-state-5.svg";
+export { ReactComponent as OutlinedSmileyState1 } from "./outlined-smiley-state-1.svg";
+export { ReactComponent as OutlinedSmileyState2 } from "./outlined-smiley-state-2.svg";
+export { ReactComponent as OutlinedSmileyState3 } from "./outlined-smiley-state-3.svg";
+export { ReactComponent as OutlinedSmileyState4 } from "./outlined-smiley-state-4.svg";
+export { ReactComponent as OutlinedSmileyState5 } from "./outlined-smiley-state-5.svg";

package/lib/components/meters/smiley-meter/index.d.ts

@@ -1 +1 @@
-export { SmileyMeter } from "./smiley-meter";
+export { SmileyMeter } from "./smiley-meter";

package/lib/components/meters/smiley-meter/interfaces.d.ts

@@ -1,31 +1,31 @@
-import { BaseComponentProps } from "../../interfaces";
-declare type stringMap = {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-};
-export interface SmileyMeterProps extends BaseComponentProps {
-    /**
-     * diameter of the smiley meter
-     */
-    diameter?: string;
-    /**
-     * Value for the meter (out of 5)
-     */
-    value: 1 | 2 | 3 | 4 | 5;
-    /**
-     * Texts to be displayed when hovered over any smiley
-     */
-    hoverTextMap?: stringMap;
-    /**
-     * Colors for smiley corresponding to state
-     */
-    colorsMap?: stringMap;
-    /**
-     * Flag to decide if text should be displayed on hover
-     */
-    isInteractive?: boolean;
-}
-export {};
+import { BaseComponentProps } from "../../interfaces";
+declare type stringMap = {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+export interface SmileyMeterProps extends BaseComponentProps {
+    /**
+     * diameter of the smiley meter
+     */
+    diameter?: string;
+    /**
+     * Value for the meter (out of 5)
+     */
+    value: 1 | 2 | 3 | 4 | 5;
+    /**
+     * Texts to be displayed when hovered over any smiley
+     */
+    hoverTextMap?: stringMap;
+    /**
+     * Colors for smiley corresponding to state
+     */
+    colorsMap?: stringMap;
+    /**
+     * Flag to decide if text should be displayed on hover
+     */
+    isInteractive?: boolean;
+}
+export {};

package/lib/components/meters/smiley-meter/smiley-meter.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { SmileyMeterProps } from "./interfaces";
-/**
- *  SmileyMeter component.
- */
-export declare const SmileyMeter: (props: SmileyMeterProps) => React.ReactElement<SmileyMeterProps>;
+import React from "react";
+import { SmileyMeterProps } from "./interfaces";
+/**
+ *  SmileyMeter component.
+ */
+export declare const SmileyMeter: (props: SmileyMeterProps) => React.ReactElement<SmileyMeterProps>;

package/lib/components/meters/smiley-meter-v2/assets/index.d.ts

@@ -1,3 +1,3 @@
-export { ReactComponent as HappySmileyIcon } from "./happy-smiley.svg";
-export { ReactComponent as SadSmileyIcon } from "./sad-smiley.svg";
-export { ReactComponent as NeutralSmileyIcon } from "./neutral-smiley.svg";
+export { ReactComponent as HappySmileyIcon } from "./happy-smiley.svg";
+export { ReactComponent as SadSmileyIcon } from "./sad-smiley.svg";
+export { ReactComponent as NeutralSmileyIcon } from "./neutral-smiley.svg";

package/lib/components/meters/smiley-meter-v2/constants.d.ts

@@ -1,16 +1,16 @@
-/**
- * Large Smiley meter v2 default values.
- */
-export declare const defaultDistanceBetweenRanges = 10;
-export declare const defaultSmileyWidth = 80;
-export declare const defaultSmileyTopOffset = 80;
-/**
- * Small Smiley meter v2 default values.
- */
-export declare const smallSmileyMeterWidth = 100;
-export declare const smallSmileyMeterHeight = 87;
-export declare const smallSmileyWidth = 30;
-export declare const smallSmileyTopOffset = 35;
-export declare const smallSmileyInnerPointStrokeWidth = 3;
-export declare const smallSmileyInnerPointRadius = 2;
-export declare const smallSmileyGaugeWidth = 4;
+/**
+ * Large Smiley meter v2 default values.
+ */
+export declare const defaultDistanceBetweenRanges = 10;
+export declare const defaultSmileyWidth = 80;
+export declare const defaultSmileyTopOffset = 80;
+/**
+ * Small Smiley meter v2 default values.
+ */
+export declare const smallSmileyMeterWidth = 100;
+export declare const smallSmileyMeterHeight = 87;
+export declare const smallSmileyWidth = 30;
+export declare const smallSmileyTopOffset = 35;
+export declare const smallSmileyInnerPointStrokeWidth = 3;
+export declare const smallSmileyInnerPointRadius = 2;
+export declare const smallSmileyGaugeWidth = 4;

package/lib/components/meters/smiley-meter-v2/index.d.ts

@@ -1,2 +1,2 @@
-export { SmileyMeterV2 } from "./smiley-meter-v2";
-export { SmallSmileyMeterV2 } from "./small-smiley-meter-v2";
+export { SmileyMeterV2 } from "./smiley-meter-v2";
+export { SmallSmileyMeterV2 } from "./small-smiley-meter-v2";

package/lib/components/meters/smiley-meter-v2/interfaces.d.ts

@@ -1,28 +1,28 @@
-import { OutlineMeterProps } from "../outline-meter";
-export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius"> {
-    /**
-     * Colors for smiley corresponding to state.
-     */
-    colorsMap?: [string, string, string];
-    /**
-     * Colors for labels.
-     */
-    labelsMap?: [string, string, string];
-    /**
-     * Whether to hide labels.
-     */
-    hideLabels?: boolean;
-    /**
-     * Value that splits smiley meter outline.
-     */
-    splitValues?: [number, number];
-    /**
-     * Smiley width.
-     */
-    smileyWidth?: number;
-    /**
-     * Distance from smiley to the top.
-     */
-    smileyTopOffset?: number;
-}
-export declare type SmallSmileyMeterV2Props = SmileyMeterV2Props;
+import { OutlineMeterProps } from "../outline-meter";
+export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius"> {
+    /**
+     * Colors for smiley corresponding to state.
+     */
+    colorsMap?: [string, string, string];
+    /**
+     * Colors for labels.
+     */
+    labelsMap?: [string, string, string];
+    /**
+     * Whether to hide labels.
+     */
+    hideLabels?: boolean;
+    /**
+     * Value that splits smiley meter outline.
+     */
+    splitValues?: [number, number];
+    /**
+     * Smiley width.
+     */
+    smileyWidth?: number;
+    /**
+     * Distance from smiley to the top.
+     */
+    smileyTopOffset?: number;
+}
+export declare type SmallSmileyMeterV2Props = SmileyMeterV2Props;

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/index.d.ts

@@ -1 +1 @@
-export { SmileyMeterRanges } from "./smiley-meter-ranges";
+export { SmileyMeterRanges } from "./smiley-meter-ranges";

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { OutlineMeterRangeConfig } from "../../../outline-meter";
-import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
-export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels"> {
-    ranges: OutlineMeterRangeConfig[];
-}
+import { OutlineMeterRangeConfig } from "../../../outline-meter";
+import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
+export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels"> {
+    ranges: OutlineMeterRangeConfig[];
+}

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { SmileyMeterRangesProps as Props } from "./interfaces";
-export declare const SmileyMeterRanges: React.FC<Props>;
+import React from "react";
+import { SmileyMeterRangesProps as Props } from "./interfaces";
+export declare const SmileyMeterRanges: React.FC<Props>;

package/lib/components/meters/smiley-meter-v2/small-smiley-meter-v2.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { SmallSmileyMeterV2Props as Props } from "./interfaces";
-export declare const SmallSmileyMeterV2: React.FC<Props>;
+import React from "react";
+import { SmallSmileyMeterV2Props as Props } from "./interfaces";
+export declare const SmallSmileyMeterV2: React.FC<Props>;

package/lib/components/meters/smiley-meter-v2/smiley-meter-v2.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { SmileyMeterV2Props as Props } from "./interfaces";
-export declare const SmileyMeterV2: React.FC<Props>;
+import React from "react";
+import { SmileyMeterV2Props as Props } from "./interfaces";
+export declare const SmileyMeterV2: React.FC<Props>;

package/lib/components/modals/modal/assets/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as XIcon } from "./x-symbol.svg";
+export { ReactComponent as XIcon } from "./x-symbol.svg";

package/lib/components/modals/modal/index.d.ts

@@ -1,3 +1,3 @@
-import { ModalProps as Props } from "./interfaces";
-export { Modal } from "./modal";
-export declare type ModalProps = Props;
+import { ModalProps as Props } from "./interfaces";
+export { Modal } from "./modal";
+export declare type ModalProps = Props;

package/lib/components/modals/modal/interfaces.d.ts

@@ -1,72 +1,72 @@
-/// <reference types="react" />
-import { SxProps } from "rebass";
-export interface ModalProps {
-    /**
-     * The theme variant to use for the modal's styles.
-     */
-    variant?: string;
-    /**
-     * The content of the modal.
-     */
-    children?: React.ReactNode;
-    /**
-     * Background colour of the container.
-     */
-    containerBg?: string | string[];
-    /**
-     * Custom color of the background cover. Default value: "rgba(69,104,249, 0.4)"
-     */
-    coverBg?: string | string[];
-    /**
-     * Color to fill the x-icon.
-     */
-    xIconColor?: string;
-    /**
-     * Should display the option to close the modal. True by default
-     */
-    showXIcon?: boolean;
-    /**
-     * The callback to run when the button is clicked.
-     */
-    onClickX?: (...variables: any[]) => void;
-    /**
-     * Width property of the modal.
-     */
-    width?: Array<string>;
-    /**
-     * Boolean to open up the pop up.
-     */
-    isOpen?: boolean;
-    /**
-     * Optional change to the container's borderRadius. Default value: ["5px"]
-     */
-    borderRadius?: Array<string>;
-    /**
-     * Optional change for the default padding. This padding is
-     * for the outer container, and not inside the popup itself.
-     * Default value: ["30px", "150px"],
-     */
-    outerPadding?: Array<string>;
-    /**
-     * Optional change for the default inner padding. This adds padding
-     * for the components inside the outer popup container.
-     * Default value: ["40px 20px", "50px"]
-     */
-    innerPadding?: Array<string>;
-    /**
-     * Optional ability to close the modal when clicking outside the content
-     * False by default
-     */
-    closeOnClickOutside?: boolean;
-    /**
-     * Use this prop when you don't want the modal to be centered.
-     * It's default value is 100% for all screen sizes. You could
-     * set it as ["auto", "100%"] so that in mobile devices the
-     * content is shown at the top
-     */
-    popUpHeight?: string | string[];
-    /**
-     * Additional props for the modal outer container.
-     */
-    containerSx?: SxProps["sx"];
-}
+/// <reference types="react" />
+import { SxProps } from "rebass";
+export interface ModalProps {
+    /**
+     * The theme variant to use for the modal's styles.
+     */
+    variant?: string;
+    /**
+     * The content of the modal.
+     */
+    children?: React.ReactNode;
+    /**
+     * Background colour of the container.
+     */
+    containerBg?: string | string[];
+    /**
+     * Custom color of the background cover. Default value: "rgba(69,104,249, 0.4)"
+     */
+    coverBg?: string | string[];
+    /**
+     * Color to fill the x-icon.
+     */
+    xIconColor?: string;
+    /**
+     * Should display the option to close the modal. True by default
+     */
+    showXIcon?: boolean;
+    /**
+     * The callback to run when the button is clicked.
+     */
+    onClickX?: (...variables: any[]) => void;
+    /**
+     * Width property of the modal.
+     */
+    width?: Array<string>;
+    /**
+     * Boolean to open up the pop up.
+     */
+    isOpen?: boolean;
+    /**
+     * Optional change to the container's borderRadius. Default value: ["5px"]
+     */
+    borderRadius?: Array<string>;
+    /**
+     * Optional change for the default padding. This padding is
+     * for the outer container, and not inside the popup itself.
+     * Default value: ["30px", "150px"],
+     */
+    outerPadding?: Array<string>;
+    /**
+     * Optional change for the default inner padding. This adds padding
+     * for the components inside the outer popup container.
+     * Default value: ["40px 20px", "50px"]
+     */
+    innerPadding?: Array<string>;
+    /**
+     * Optional ability to close the modal when clicking outside the content
+     * False by default
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Use this prop when you don't want the modal to be centered.
+     * It's default value is 100% for all screen sizes. You could
+     * set it as ["auto", "100%"] so that in mobile devices the
+     * content is shown at the top
+     */
+    popUpHeight?: string | string[];
+    /**
+     * Additional props for the modal outer container.
+     */
+    containerSx?: SxProps["sx"];
+}

package/lib/components/modals/modal/modal.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { ModalProps } from "./interfaces";
-/**
- * The modal container.
- */
-export declare const Modal: React.FC<ModalProps>;
+import React from "react";
+import { ModalProps } from "./interfaces";
+/**
+ * The modal container.
+ */
+export declare const Modal: React.FC<ModalProps>;

package/lib/components/modals/primary-modal/index.d.ts

@@ -1 +1 @@
-export { PrimaryModal } from "./primary-modal";
+export { PrimaryModal } from "./primary-modal";