esewa-ui-library 1.10.3 → 1.10.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,7 +3,7 @@ interface AlertCardProps {
|
|
|
3
3
|
alertCardClass?: string;
|
|
4
4
|
variant?: 'primary' | 'warning' | 'danger' | 'info';
|
|
5
5
|
title?: string;
|
|
6
|
-
description?: string;
|
|
6
|
+
description?: string | React.ReactNode;
|
|
7
7
|
descriptionIcon?: string | React.ReactNode;
|
|
8
8
|
showDescriptionIcon?: boolean;
|
|
9
9
|
titleIcon?: string | React.ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -125,9 +125,11 @@ var ESewaAlertCard = function ESewaAlertCard(_ref) {
|
|
|
125
125
|
className: 'alert-card--description--icon'
|
|
126
126
|
}, typeof descriptionIcon === 'string' ? React__default.createElement("i", {
|
|
127
127
|
className: descriptionIcon
|
|
128
|
-
}) : descriptionIcon), description && React__default.createElement("p", {
|
|
128
|
+
}) : descriptionIcon), description && (typeof description === 'string' ? React__default.createElement("p", {
|
|
129
129
|
className: 'card-text body2'
|
|
130
|
-
}, description)
|
|
130
|
+
}, description) : React__default.createElement("div", {
|
|
131
|
+
className: 'card-text body2'
|
|
132
|
+
}, description))), showCardFooter && React__default.createElement("div", {
|
|
131
133
|
className: 'alert-card--footer'
|
|
132
134
|
}, React__default.createElement(ESewaButton, {
|
|
133
135
|
className: 'border-radius-8',
|
|
@@ -188,7 +190,7 @@ var StyledAppBar = styled__default.header.attrs(function (_ref) {
|
|
|
188
190
|
return {
|
|
189
191
|
titleposition: titleposition
|
|
190
192
|
};
|
|
191
|
-
})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n .e-app-bar {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n background-color: var(--appbar-bg-top);\n padding: 7px 12px;\n position: relative;\n height:
|
|
193
|
+
})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n .e-app-bar {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n background-color: var(--appbar-bg-top);\n padding: 7px 12px;\n position: relative;\n height: 56px;\n gap: var(--values-value-8);\n box-sizing: border-box;\n\n &--nav-icon,\n &--close-icon {\n padding: 7px;\n color: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Title section */\n &--title-wrapper {\n display: flex;\n justify-content: ", ";\n align-items: center;\n width: 100%; // Ensures the title section takes full width to apply the alignment\n }\n\n &--title {\n display: flex;\n align-items: center;\n gap: 12px;\n overflow: hidden;\n }\n\n &--title-image img {\n width: 32px;\n object-fit: cover;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--grid-borderradius-border-radius-xs);\n }\n\n &--title-label {\n color: var(--white);\n letter-spacing: 0.4px;\n font-size: var(--values-value-16);\n font-weight: 500;\n }\n }\n"])), function (props) {
|
|
192
194
|
return props.titleposition === 'left' ? 'flex-start' : props.titleposition === 'right' ? 'flex-end' : 'center';
|
|
193
195
|
});
|
|
194
196
|
var ESewaAppBar = function ESewaAppBar(_ref2) {
|