@thecb/components 8.4.12-beta.2 → 8.4.12

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
@@ -47123,22 +47123,57 @@ var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
47123
47123
  var LoadingDetails = function LoadingDetails() {
47124
47124
  return /*#__PURE__*/React__default.createElement(Box, {
47125
47125
  padding: "0",
47126
- background: GRECIAN_GREY,
47127
- borderRadius: "4px",
47128
47126
  minHeight: "196px"
47129
- }, /*#__PURE__*/React__default.createElement(Cover, {
47130
- minHeight: "196px",
47131
- singleChild: true,
47132
- fillCenter: true
47133
- }, /*#__PURE__*/React__default.createElement(Center, {
47134
- intrinsic: true
47135
47127
  }, /*#__PURE__*/React__default.createElement(Box, {
47136
47128
  padding: "0",
47137
- extraStyles: "flex-grow: 1; display: flex; justify-content: center; align-items: center;"
47129
+ extraStyles: "position: absolute;\n height: 200px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;"
47138
47130
  }, /*#__PURE__*/React__default.createElement(Spinner$2, {
47139
47131
  size: "100",
47140
47132
  centerSpinner: true
47141
- })))));
47133
+ })), /*#__PURE__*/React__default.createElement(Stack, {
47134
+ childGap: "16px"
47135
+ }, /*#__PURE__*/React__default.createElement(Cluster, {
47136
+ nowrap: true,
47137
+ justify: "space-between",
47138
+ align: "start"
47139
+ }, /*#__PURE__*/React__default.createElement(LoadingLine, {
47140
+ exactWidth: "110",
47141
+ height: "27px"
47142
+ }), /*#__PURE__*/React__default.createElement(LoadingLine, {
47143
+ exactWidth: "60",
47144
+ height: "27px"
47145
+ })), /*#__PURE__*/React__default.createElement(SolidDivider$1, null), /*#__PURE__*/React__default.createElement(Box, {
47146
+ padding: "0.5rem 0"
47147
+ }, /*#__PURE__*/React__default.createElement(Cluster, {
47148
+ justify: "space-between",
47149
+ align: "start"
47150
+ }, /*#__PURE__*/React__default.createElement(LoadingLine, {
47151
+ exactWidth: "80",
47152
+ height: "27px"
47153
+ }), /*#__PURE__*/React__default.createElement(LoadingLine, {
47154
+ exactWidth: "60",
47155
+ height: "27px"
47156
+ })), /*#__PURE__*/React__default.createElement(Box, {
47157
+ padding: "4px 0"
47158
+ }), /*#__PURE__*/React__default.createElement(Cluster, {
47159
+ justify: "space-between",
47160
+ align: "start"
47161
+ }, /*#__PURE__*/React__default.createElement(LoadingLine, {
47162
+ exactWidth: "100",
47163
+ height: "27px"
47164
+ }), /*#__PURE__*/React__default.createElement(LoadingLine, {
47165
+ exactWidth: "50",
47166
+ height: "27px"
47167
+ }))), /*#__PURE__*/React__default.createElement(SolidDivider$1, null), /*#__PURE__*/React__default.createElement(Stack, {
47168
+ justify: "space-between",
47169
+ direction: "row"
47170
+ }, /*#__PURE__*/React__default.createElement(LoadingLine, {
47171
+ exactWidth: "55",
47172
+ height: "30px"
47173
+ }), /*#__PURE__*/React__default.createElement(LoadingLine, {
47174
+ exactWidth: "70",
47175
+ height: "30px"
47176
+ }))));
47142
47177
  };
47143
47178
 
47144
47179
  var ErrorDetails = function ErrorDetails() {