@mailstep/design-system 0.8.30 → 0.8.31-beta.2

package/ui/Blocks/CommonGrid/utils/constants.js

@@ -1,26 +1,11 @@
-//#region packages/ui/Blocks/CommonGrid/utils/constants.ts
-const rowsPerPageOptions = [
-	{
-		value: 10,
-		label: 10
-	},
-	{
-		value: 20,
-		label: 20
-	},
-	{
-		value: 50,
-		label: 50
-	},
-	{
-		value: 100,
-		label: 100
-	}
+export var rowsPerPageOptions = [
+    { value: 10, label: 10 },
+    { value: 20, label: 20 },
+    { value: 50, label: 50 },
+    { value: 100, label: 100 }
 ];
-const gridButtonStripHeight = 75;
-const gridHeadHeight = 40;
-const gridFilterHeight = 39;
-const gridFooterHeight = 60;
-const gridRowHeight = 40;
-//#endregion
-export { gridButtonStripHeight, gridFilterHeight, gridFooterHeight, gridHeadHeight, gridRowHeight, rowsPerPageOptions };
+export var gridButtonStripHeight = 75;
+export var gridHeadHeight = 40;
+export var gridFilterHeight = 39;
+export var gridFooterHeight = 60;
+export var gridRowHeight = 40;

package/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.d.ts

@@ -1,2 +1,3 @@
-import { type ExtraControlButton } from '../types';
+import { ExtraControlButton } from '../types';
+
 export declare const getExtendedExtraControlButtons: (extraControlButtons?: ExtraControlButton[], onReload?: () => void) => ExtraControlButton[] | undefined;

package/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.js

@@ -1,17 +1,23 @@
-import { Reload } from "../../../Elements/Icon/icons/Reload.js";
-import "../types.js";
-import { jsx } from "react/jsx-runtime";
-import compact from "lodash/compact";
-//#region packages/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.tsx
-const getExtendedExtraControlButtons = (extraControlButtons, onReload) => compact([onReload && {
-	onClick: onReload,
-	label: /* @__PURE__ */ jsx(Reload, {
-		width: "16px",
-		height: "16px",
-		fill: "white"
-	}),
-	position: "top-left",
-	buttonProps: { "data-testid": "reload-button" }
-}, ...extraControlButtons || []]);
-//#endregion
-export { getExtendedExtraControlButtons };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Reload } from '../../../Elements/Icon/icons/Reload';
+import { ExtraControlButtonPosition } from '../types';
+import compact from 'lodash/compact';
+export var getExtendedExtraControlButtons = function (extraControlButtons, onReload) {
+    return compact(__spreadArray([
+        onReload && {
+            onClick: onReload,
+            label: _jsx(Reload, { width: "16px", height: "16px", fill: "white" }),
+            position: ExtraControlButtonPosition.TopLeft,
+            buttonProps: { 'data-testid': 'reload-button' }
+        }
+    ], (extraControlButtons || []), true));
+};

package/ui/Blocks/CommonGrid/utils/getRowsPerPage.js

@@ -1,10 +1,10 @@
-import "./constants.js";
-//#region packages/ui/Blocks/CommonGrid/utils/getRowsPerPage.ts
-const getRowsPerPage = (ref, withPagination, withButtonStrip, hasGroupsOrFilters) => {
-	const containerHeight = ref?.current?.clientHeight;
-	const gridHeaderHeight = 40 + (hasGroupsOrFilters ? 39 : 0) + (withButtonStrip ? 75 : 0);
-	if (containerHeight) return Math.floor((containerHeight - gridHeaderHeight - (withPagination ? 60 : 0)) / 40);
-	return 0;
+import { gridHeadHeight, gridFilterHeight, gridButtonStripHeight, gridFooterHeight, gridRowHeight } from './constants';
+export var getRowsPerPage = function (ref, withPagination, withButtonStrip, hasGroupsOrFilters) {
+    var _a;
+    var containerHeight = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
+    var gridHeaderHeight = gridHeadHeight + (hasGroupsOrFilters ? gridFilterHeight : 0) + (withButtonStrip ? gridButtonStripHeight : 0);
+    if (containerHeight) {
+        return Math.floor((containerHeight - gridHeaderHeight - (withPagination ? gridFooterHeight : 0)) / gridRowHeight);
+    }
+    return 0;
 };
-//#endregion
-export { getRowsPerPage };

package/ui/Blocks/CommonGrid/utils/hasSortTerminated.js

@@ -1,10 +1,10 @@
-//#region packages/ui/Blocks/CommonGrid/utils/hasSortTerminated.ts
-const hasSortTerminated = ({ allowSortingOnlyUnderTotalRows, totalRowsCount }) => {
-	const allowSorting = allowSortingOnlyUnderTotalRows && totalRowsCount;
-	return {
-		isSortTerminatedAppeal: !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[0]),
-		isSortTerminated: !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[1])
-	};
+export var hasSortTerminated = function (_a) {
+    var allowSortingOnlyUnderTotalRows = _a.allowSortingOnlyUnderTotalRows, totalRowsCount = _a.totalRowsCount;
+    var allowSorting = allowSortingOnlyUnderTotalRows && totalRowsCount;
+    var isSortTerminatedAppeal = !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[0]);
+    var isSortTerminated = !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[1]);
+    return {
+        isSortTerminatedAppeal: isSortTerminatedAppeal,
+        isSortTerminated: isSortTerminated
+    };
 };
-//#endregion
-export { hasSortTerminated };

package/ui/Blocks/CommonGrid/utils/index.d.ts

@@ -1,4 +1,5 @@
-import type { ColumnDefinition, ColumnConfig, FilterProps, Group, StickTo, FiltersConfig } from '../types';
+import { ColumnDefinition, ColumnConfig, FilterProps, Group, StickTo, FiltersConfig } from '../types';
+
 type CellSizePropsResult = {
     flexBasis?: number;
     flexGrow?: number;
@@ -13,7 +14,7 @@ export declare const calculatePaginator: (page: number, rowsPerPage: number) =>
     offset: number;
     limit: number;
 };
-export declare const createFilterType: (columnDefinition: ColumnDefinition) => FilterProps["type"];
+export declare const createFilterType: (columnDefinition: ColumnDefinition) => FilterProps['type'];
 export declare const getGroups: (columns: ColumnDefinition[]) => Group[];
 export declare const getGroupClassNames: (group?: Group) => string;
 export declare const getStickyCollClassNames: (sticky: boolean, stickTo?: StickTo) => string;

package/ui/Blocks/CommonGrid/utils/index.js

@@ -1,78 +1,105 @@
-import ActionsFilter_default from "../components/Filters/ActionsFilter/index.js";
-import GridSelect_default from "../components/Filters/GridSelect/index.js";
-import BooleanSelect_default from "../components/Filters/BooleanSelect/index.js";
-import DatePickerRange_default from "../components/Filters/DatePickerRange/index.js";
-import NumberRange_default from "../components/Filters/NumberRange/index.js";
-import TextRange_default from "../components/Filters/TextRange/index.js";
-//#region packages/ui/Blocks/CommonGrid/utils/index.ts
-const isDefined = (val) => typeof val !== "undefined";
-const getCellSizeProps = (column, columnWidth) => {
-	if (!column) return {};
-	const { fixedSize, flexGrow, flexShrink, sticky } = column;
-	return {
-		flexBasis: columnWidth,
-		flexGrow: fixedSize ? 0 : isDefined(flexGrow) ? flexGrow : 1,
-		flexShrink: isDefined(flexShrink) ? flexShrink : 1,
-		maxWidth: sticky ? columnWidth : "auto"
-	};
+import ActionsFilter from '../components/Filters/ActionsFilter';
+import BooleanSelect from '../components/Filters/BooleanSelect';
+import DatePickerRange from '../components/Filters/DatePickerRange';
+import GridSelect from '../components/Filters/GridSelect';
+import NumberRange from '../components/Filters/NumberRange';
+import TextRange from '../components/Filters/TextRange';
+var isDefined = function (val) { return typeof val !== 'undefined'; };
+export var getCellSizeProps = function (column, columnWidth) {
+    if (!column)
+        return {};
+    var fixedSize = column.fixedSize, flexGrow = column.flexGrow, flexShrink = column.flexShrink, sticky = column.sticky;
+    return {
+        flexBasis: columnWidth,
+        flexGrow: fixedSize ? 0 : isDefined(flexGrow) ? flexGrow : 1,
+        flexShrink: isDefined(flexShrink) ? flexShrink : 1,
+        maxWidth: sticky ? columnWidth : 'auto'
+    };
 };
-const getSortName = (column) => {
-	return column.systemName || column.name;
+export var getSortName = function (column) {
+    return column.systemName || column.name;
 };
-const getFilterName = (column) => {
-	return column.systemFilter || column.systemName || column.name;
+export var getFilterName = function (column) {
+    return column.systemFilter || column.systemName || column.name;
 };
-const isColumnOn = (column, columnConfig) => {
-	if (column.alwaysOn) return true;
-	if (column.alwaysOff) return false;
-	const isHidden = columnConfig?.[column.name]?.isHidden;
-	if (typeof isHidden === "boolean") return !isHidden;
-	if (!!column.defaultHidden && !!columnConfig?.[column.name]) return true;
-	else return !column.defaultHidden;
+export var isColumnOn = function (column, columnConfig) {
+    var _a;
+    if (column.alwaysOn)
+        return true;
+    if (column.alwaysOff)
+        return false;
+    var isHidden = (_a = columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig[column.name]) === null || _a === void 0 ? void 0 : _a.isHidden;
+    if (typeof isHidden === 'boolean')
+        return !isHidden; // isHidden is defined/stored => use user value
+    if (!!column.defaultHidden && !!(columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig[column.name]))
+        return true; // is default hidden but activated
+    else
+        return !column.defaultHidden;
 };
-const calculatePaginator = (page, rowsPerPage) => ({
-	offset: rowsPerPage ? rowsPerPage * (page - 1) : rowsPerPage,
-	limit: rowsPerPage
-});
-const createFilterType = (columnDefinition) => {
-	if (columnDefinition.filterOptions || columnDefinition.asyncLoadKey) return "options";
-	else return columnDefinition.filteringType || "text";
+export var calculatePaginator = function (page, rowsPerPage) { return ({
+    offset: rowsPerPage ? rowsPerPage * (page - 1) : rowsPerPage,
+    limit: rowsPerPage
+}); };
+export var createFilterType = function (columnDefinition) {
+    if (columnDefinition.filterOptions || columnDefinition.asyncLoadKey)
+        return 'options';
+    else
+        return columnDefinition.filteringType || 'text';
 };
-const getGroups = (columns) => columns.map((column, key) => {
-	const previousGroup = key > 0 && columns[key - 1].group;
-	return {
-		name: column.group,
-		start: !!(column.group && (!previousGroup || previousGroup && previousGroup !== column.group)),
-		end: !!(column.group && (!columns[key + 1] || columns[key + 1].group !== column.group))
-	};
-});
-const getGroupClassNames = (group) => `${group?.start ? "group-start" : ""} ${group?.end ? "group-end" : ""}`;
-const getStickyCollClassNames = (sticky, stickTo) => !sticky ? "" : `${stickTo ? ` sticky sticky-${stickTo}` : " sticky sticky-left"}`;
-const getFilters = (optimizeFilters) => {
-	const filters = {
-		number: { CellComponent: NumberRange_default },
-		text: { CellComponent: TextRange_default },
-		date: { CellComponent: DatePickerRange_default },
-		flag: { CellComponent: BooleanSelect_default },
-		options: { CellComponent: GridSelect_default },
-		actions: { CellComponent: ActionsFilter_default }
-	};
-	if (optimizeFilters) filters.text.defaultExtraProps = { defaultComparator: "eq" };
-	return filters;
+export var getGroups = function (columns) {
+    return columns.map(function (column, key) {
+        var previousGroup = key > 0 && columns[key - 1].group;
+        return {
+            name: column.group,
+            start: !!(column.group && (!previousGroup || (previousGroup && previousGroup !== column.group))),
+            end: !!(column.group && (!columns[key + 1] || columns[key + 1].group !== column.group))
+        };
+    });
+};
+export var getGroupClassNames = function (group) {
+    return "".concat((group === null || group === void 0 ? void 0 : group.start) ? 'group-start' : '', " ").concat((group === null || group === void 0 ? void 0 : group.end) ? 'group-end' : '');
+};
+export var getStickyCollClassNames = function (sticky, stickTo) {
+    return !sticky ? '' : "".concat(stickTo ? " sticky sticky-".concat(stickTo) : ' sticky sticky-left');
+};
+export var getFilters = function (optimizeFilters) {
+    var filters = {
+        number: { CellComponent: NumberRange },
+        text: { CellComponent: TextRange },
+        date: { CellComponent: DatePickerRange },
+        flag: { CellComponent: BooleanSelect },
+        options: { CellComponent: GridSelect },
+        actions: { CellComponent: ActionsFilter }
+    };
+    if (optimizeFilters) {
+        filters.text.defaultExtraProps = { defaultComparator: 'eq' };
+    }
+    return filters;
 };
 /** Returns true when a filter value should be counted / applied */
-const isFilterActive = (value) => {
-	if (value == null) return false;
-	if (Array.isArray(value)) return !!value.length;
-	if (typeof value === "object") return value.value != null && value.value !== "";
-	return value !== "";
+export var isFilterActive = function (value) {
+    if (value == null)
+        return false;
+    if (Array.isArray(value))
+        return !!value.length;
+    if (typeof value === 'object')
+        return value.value != null && value.value !== '';
+    return value !== '';
 };
-const checksColumnsOrder = (colsOrder, columnsDefinitions) => {
-	const stickyRightColls = columnsDefinitions.filter((col) => col.sticky === true && col.stickTo === "right");
-	const stickyLeftColls = columnsDefinitions.filter((col) => col.sticky === true && col.stickTo !== "right");
-	if (stickyLeftColls.length > 1 || stickyRightColls.length > 1) console.error("Grid can have only sticky column on each side.");
-	if (stickyLeftColls.length && colsOrder.indexOf(stickyLeftColls[0].name) !== 0 && stickyLeftColls[0].name !== "actions-cell-cg") console.error("The left sticky column should be the first one in a row");
-	if (stickyRightColls.length && colsOrder.indexOf(stickyRightColls[0].name) !== colsOrder.length - 1 && stickyRightColls[0].name !== "actions-cell-cg") console.error("The Right sticky column should be the last one in a row");
+export var checksColumnsOrder = function (colsOrder, columnsDefinitions) {
+    var stickyRightColls = columnsDefinitions.filter(function (col) { return col.sticky === true && col.stickTo === 'right'; });
+    var stickyLeftColls = columnsDefinitions.filter(function (col) { return col.sticky === true && col.stickTo !== 'right'; });
+    if (stickyLeftColls.length > 1 || stickyRightColls.length > 1) {
+        console.error('Grid can have only sticky column on each side.');
+    }
+    if (stickyLeftColls.length &&
+        colsOrder.indexOf(stickyLeftColls[0].name) !== 0 &&
+        stickyLeftColls[0].name !== 'actions-cell-cg') {
+        console.error('The left sticky column should be the first one in a row');
+    }
+    if (stickyRightColls.length &&
+        colsOrder.indexOf(stickyRightColls[0].name) !== colsOrder.length - 1 &&
+        stickyRightColls[0].name !== 'actions-cell-cg') {
+        console.error('The Right sticky column should be the last one in a row');
+    }
 };
-//#endregion
-export { calculatePaginator, checksColumnsOrder, createFilterType, getCellSizeProps, getFilterName, getFilters, getGroupClassNames, getGroups, getSortName, getStickyCollClassNames, isColumnOn, isFilterActive };

package/ui/Blocks/CornerDialog/CornerDialog.d.ts

@@ -1,3 +1,4 @@
-import React from 'react';
-import { type CornerDialogProps } from './types';
+import { default as React } from 'react';
+import { CornerDialogProps } from './types';
+
 export declare const CornerDialog: React.FC<CornerDialogProps>;

package/ui/Blocks/CornerDialog/CornerDialog.js

@@ -1,43 +1,18 @@
-import Icon from "../../Elements/Icon/Icon.js";
-import { Portal } from "../../Elements/Portal/index.js";
-import { CloseBtn, Container, Header, Status, StatusText, Wrapper } from "./styles.js";
-import { statusToColors, statusToIcon } from "./utils.js";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Blocks/CornerDialog/CornerDialog.tsx
-const CornerDialog = ({ title, children, onClose, statusToTitle, isOpen = true, intent: _intent }) => {
-	const [isMounted, setIsMounted] = useState(false);
-	useEffect(() => {
-		setIsMounted(true);
-	}, []);
-	const intent = _intent ?? "info";
-	const { fontColor, backgroundColor, fill } = statusToColors[intent];
-	if (!isOpen) return null;
-	return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(Container, {
-		$mounted: isMounted,
-		children: [
-			/* @__PURE__ */ jsxs(Status, {
-				background: backgroundColor,
-				children: [/* @__PURE__ */ jsx(Icon, {
-					icon: statusToIcon[intent],
-					fill
-				}), /* @__PURE__ */ jsx(StatusText, {
-					fontColor,
-					children: statusToTitle[intent]()
-				})]
-			}),
-			/* @__PURE__ */ jsx(Header, { children: title }),
-			/* @__PURE__ */ jsx(CloseBtn, {
-				onClick: onClose,
-				"data-testid": "corner-dialog-close-btn",
-				children: /* @__PURE__ */ jsx(Icon, {
-					icon: "close",
-					size: "25px"
-				})
-			}),
-			/* @__PURE__ */ jsx(Wrapper, { children })
-		]
-	}) });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import Icon from '../../Elements/Icon/Icon';
+import { Portal } from '../../Elements/Portal';
+import { Container, Header, Status, StatusText, Wrapper, CloseBtn } from './styles';
+import { statusToColors, statusToIcon } from './utils';
+export var CornerDialog = function (_a) {
+    var title = _a.title, children = _a.children, onClose = _a.onClose, statusToTitle = _a.statusToTitle, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, _intent = _a.intent;
+    var _c = useState(false), isMounted = _c[0], setIsMounted = _c[1];
+    useEffect(function () {
+        setIsMounted(true);
+    }, []);
+    var intent = _intent !== null && _intent !== void 0 ? _intent : 'info';
+    var _d = statusToColors[intent], fontColor = _d.fontColor, backgroundColor = _d.backgroundColor, fill = _d.fill;
+    if (!isOpen)
+        return null;
+    return (_jsx(Portal, { children: _jsxs(Container, { "$mounted": isMounted, children: [_jsxs(Status, { background: backgroundColor, children: [_jsx(Icon, { icon: statusToIcon[intent], fill: fill }), _jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), _jsx(Header, { children: title }), _jsx(CloseBtn, { onClick: onClose, "data-testid": "corner-dialog-close-btn", children: _jsx(Icon, { icon: "close", size: "25px" }) }), _jsx(Wrapper, { children: children })] }) }));
 };
-//#endregion
-export { CornerDialog };

package/ui/Blocks/CornerDialog/index.d.ts

@@ -1,3 +1,4 @@
 import { CornerDialog } from './CornerDialog';
+
 export type { Intent, CornerDialogProps } from './types';
 export default CornerDialog;

package/ui/Blocks/CornerDialog/index.js

@@ -1,5 +1,2 @@
-import { CornerDialog } from "./CornerDialog.js";
-//#region packages/ui/Blocks/CornerDialog/index.ts
-var CornerDialog_default = CornerDialog;
-//#endregion
-export { CornerDialog_default as default };
+import { CornerDialog } from './CornerDialog';
+export default CornerDialog;

package/ui/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts

@@ -1,7 +1,8 @@
 import { StoryObj } from '@storybook/react-webpack5';
+
 declare const meta: {
     title: string;
-    component: import("react").FC<import("..").CornerDialogProps>;
+    component: import('react').FC<import('..').CornerDialogProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Blocks/CornerDialog/stories/CornerDialog.stories.js

@@ -0,0 +1,54 @@
+import { CornerDialog } from '../CornerDialog';
+var meta = {
+    title: 'Blocks/CornerDialog',
+    component: CornerDialog,
+    tags: ['autodocs'],
+    argTypes: {},
+};
+export default meta;
+var statusToTitle = {
+    info: function () { return 'Info'; },
+    success: function () { return 'Success'; },
+    error: function () { return 'Error'; },
+    warning: function () { return 'Warning'; },
+};
+export var InfoCornerDialog = {
+    args: {
+        title: 'Info Title',
+        children: 'Info corner dialog content',
+        statusToTitle: statusToTitle,
+        intent: 'info',
+        isOpen: true,
+        onClose: console.log
+    },
+};
+export var SuccessCornerDialog = {
+    args: {
+        title: 'Success Title',
+        children: 'Success corner dialog content',
+        statusToTitle: statusToTitle,
+        intent: 'success',
+        isOpen: true,
+        onClose: console.log
+    },
+};
+export var ErrorCornerDialog = {
+    args: {
+        title: 'Error Title',
+        children: 'Error corner dialog content',
+        statusToTitle: statusToTitle,
+        intent: 'error',
+        isOpen: true,
+        onClose: console.log
+    },
+};
+export var WarningCornerDialog = {
+    args: {
+        title: 'Warning Title',
+        children: 'Warning corner dialog content',
+        statusToTitle: statusToTitle,
+        intent: 'warning',
+        isOpen: true,
+        onClose: console.log
+    },
+};

package/ui/Blocks/CornerDialog/styles.d.ts

@@ -1,12 +1,12 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $mounted: boolean;
 }, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const Header: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Status: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     background: string;
 }, never>;
-export declare const CloseBtn: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
+export declare const CloseBtn: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const StatusText: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
     fontColor: string;
 }, never>;

package/ui/Blocks/CornerDialog/styles.js

@@ -1,57 +1,21 @@
-import styled$1, { th } from "@xstyled/styled-components";
-//#region packages/ui/Blocks/CornerDialog/styles.ts
-const Container = styled$1.div`
-  position: fixed;
-  z-index: 10;
-  bottom: 3rem;
-  right: 0.6rem;
-  background: white;
-  border-radius: 12px;
-  box-shadow: cornerDialogShadow;
-  width: 95vw;
-  max-width: 400px;
-  padding: 50px 30px 30px;
-  color: typoPrimary;
-  transition: opacity 225ms linear;
-  opacity: ${({ $mounted }) => $mounted ? 1 : 0};
-  @media (min-width: 768px) {
-    right: 3rem;
-    width: 400px;
-  }
-`;
-const Header = styled$1.div`
-  margin-bottom: 15px;
-  color: typoPrimary;
-  font-size: 18px;
-  font-weight: bold;
-  display: flex;
-  align-items: center;
-`;
-const Wrapper = styled$1.div`
-  font-size: 14px;
-  font-weight: 400;
-`;
-const Status = styled$1.div`
-  position: absolute;
-  left: 0;
-  top: 0;
-  padding: 6px 10px;
-  text-transform: uppercase;
-  border-radius: 12px 0 12px 0;
-  background-color: ${({ background }) => th.color(background)};
-`;
-const CloseBtn = styled$1.div`
-  cursor: pointer;
-  position: absolute;
-  top: 12px;
-  right: 12px;
-`;
-const StatusText = styled$1.span`
-  display: inline-block;
-  margin-left: 6px;
-  font-size: 14px;
-  font-weight: 700;
-  color: ${({ fontColor }) => th.color(fontColor)};
-`;
-//#endregion
-export { CloseBtn, Container, Header, Status, StatusText, Wrapper };
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { th } from '@xstyled/styled-components';
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10;\n  bottom: 3rem;\n  right: 0.6rem;\n  background: white;\n  border-radius: 12px;\n  box-shadow: cornerDialogShadow;\n  width: 95vw;\n  max-width: 400px;\n  padding: 50px 30px 30px;\n  color: typoPrimary;\n  transition: opacity 225ms linear;\n  opacity: ", ";\n  @media (min-width: 768px) {\n    right: 3rem;\n    width: 400px;\n  }\n"], ["\n  position: fixed;\n  z-index: 10;\n  bottom: 3rem;\n  right: 0.6rem;\n  background: white;\n  border-radius: 12px;\n  box-shadow: cornerDialogShadow;\n  width: 95vw;\n  max-width: 400px;\n  padding: 50px 30px 30px;\n  color: typoPrimary;\n  transition: opacity 225ms linear;\n  opacity: ", ";\n  @media (min-width: 768px) {\n    right: 3rem;\n    width: 400px;\n  }\n"])), function (_a) {
+    var $mounted = _a.$mounted;
+    return ($mounted ? 1 : 0);
+});
+export var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"], ["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"])));
+export var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  font-weight: 400;\n"])));
+export var Status = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ", ";\n"])), function (_a) {
+    var background = _a.background;
+    return th.color(background);
+});
+export var CloseBtn = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"], ["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"])));
+export var StatusText = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"])), function (_a) {
+    var fontColor = _a.fontColor;
+    return th.color(fontColor);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/ui/Blocks/CornerDialog/types.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
+
 export type Intent = 'success' | 'error' | 'warning' | 'info';
 export interface CornerDialogProps {
     title: ReactNode | string;

package/ui/Blocks/CornerDialog/utils.d.ts

@@ -1,3 +1,4 @@
 import { Intent, ColorProps } from './types';
+
 export declare const statusToColors: Record<Intent, ColorProps>;
 export declare const statusToIcon: Record<Intent, string>;