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.
@@ -122,9 +122,11 @@ var ESewaAlertCard = function ESewaAlertCard(_ref) {
122
122
  className: 'alert-card--description--icon'
123
123
  }, typeof descriptionIcon === 'string' ? React__default.createElement("i", {
124
124
  className: descriptionIcon
125
- }) : descriptionIcon), description && React__default.createElement("p", {
125
+ }) : descriptionIcon), description && (typeof description === 'string' ? React__default.createElement("p", {
126
126
  className: 'card-text body2'
127
- }, description)), showCardFooter && React__default.createElement("div", {
127
+ }, description) : React__default.createElement("div", {
128
+ className: 'card-text body2'
129
+ }, description))), showCardFooter && React__default.createElement("div", {
128
130
  className: 'alert-card--footer'
129
131
  }, React__default.createElement(ESewaButton, {
130
132
  className: 'border-radius-8',
@@ -185,7 +187,7 @@ var StyledAppBar = styled.header.attrs(function (_ref) {
185
187
  return {
186
188
  titleposition: titleposition
187
189
  };
188
- })(_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: 42px;\n gap: var(--values-value-8);\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) {
190
+ })(_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) {
189
191
  return props.titleposition === 'left' ? 'flex-start' : props.titleposition === 'right' ? 'flex-end' : 'center';
190
192
  });
191
193
  var ESewaAppBar = function ESewaAppBar(_ref2) {