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