@thecb/components 9.0.0-beta.10 → 9.0.0-beta.11

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.
package/dist/index.cjs.js CHANGED
@@ -48263,22 +48263,57 @@ var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
48263
48263
  var LoadingDetails = function LoadingDetails() {
48264
48264
  return /*#__PURE__*/React__default.createElement(Box, {
48265
48265
  padding: "0",
48266
- background: GRECIAN_GREY,
48267
- borderRadius: "4px",
48268
48266
  minHeight: "196px"
48269
- }, /*#__PURE__*/React__default.createElement(Cover, {
48270
- minHeight: "196px",
48271
- singleChild: true,
48272
- fillCenter: true
48273
- }, /*#__PURE__*/React__default.createElement(Center, {
48274
- intrinsic: true
48275
48267
  }, /*#__PURE__*/React__default.createElement(Box, {
48276
48268
  padding: "0",
48277
- extraStyles: "flex-grow: 1; display: flex; justify-content: center; align-items: center;"
48269
+ extraStyles: "position: absolute;\n height: 200px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;"
48278
48270
  }, /*#__PURE__*/React__default.createElement(Spinner$2, {
48279
48271
  size: "100",
48280
48272
  centerSpinner: true
48281
- })))));
48273
+ })), /*#__PURE__*/React__default.createElement(Stack, {
48274
+ childGap: "16px"
48275
+ }, /*#__PURE__*/React__default.createElement(Cluster, {
48276
+ nowrap: true,
48277
+ justify: "space-between",
48278
+ align: "start"
48279
+ }, /*#__PURE__*/React__default.createElement(LoadingLine, {
48280
+ exactWidth: "110",
48281
+ height: "27px"
48282
+ }), /*#__PURE__*/React__default.createElement(LoadingLine, {
48283
+ exactWidth: "60",
48284
+ height: "27px"
48285
+ })), /*#__PURE__*/React__default.createElement(SolidDivider$1, null), /*#__PURE__*/React__default.createElement(Box, {
48286
+ padding: "0.5rem 0"
48287
+ }, /*#__PURE__*/React__default.createElement(Cluster, {
48288
+ justify: "space-between",
48289
+ align: "start"
48290
+ }, /*#__PURE__*/React__default.createElement(LoadingLine, {
48291
+ exactWidth: "80",
48292
+ height: "27px"
48293
+ }), /*#__PURE__*/React__default.createElement(LoadingLine, {
48294
+ exactWidth: "60",
48295
+ height: "27px"
48296
+ })), /*#__PURE__*/React__default.createElement(Box, {
48297
+ padding: "4px 0"
48298
+ }), /*#__PURE__*/React__default.createElement(Cluster, {
48299
+ justify: "space-between",
48300
+ align: "start"
48301
+ }, /*#__PURE__*/React__default.createElement(LoadingLine, {
48302
+ exactWidth: "100",
48303
+ height: "27px"
48304
+ }), /*#__PURE__*/React__default.createElement(LoadingLine, {
48305
+ exactWidth: "50",
48306
+ height: "27px"
48307
+ }))), /*#__PURE__*/React__default.createElement(SolidDivider$1, null), /*#__PURE__*/React__default.createElement(Stack, {
48308
+ justify: "space-between",
48309
+ direction: "row"
48310
+ }, /*#__PURE__*/React__default.createElement(LoadingLine, {
48311
+ exactWidth: "55",
48312
+ height: "30px"
48313
+ }), /*#__PURE__*/React__default.createElement(LoadingLine, {
48314
+ exactWidth: "70",
48315
+ height: "30px"
48316
+ }))));
48282
48317
  };
48283
48318
 
48284
48319
  var ErrorDetails = function ErrorDetails() {