@linzjs/lui 18.9.1 → 18.9.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [18.9.2](https://github.com/linz/lui/compare/v18.9.1...v18.9.2) (2023-08-31)
+
+
+### Bug Fixes
+
+* Loading spinner css now in separate file and text colour change ([#992](https://github.com/linz/lui/issues/992)) ([9b40588](https://github.com/linz/lui/commit/9b4058810d06b220aa7be3d4d08c523fb9378e98))
+
 ## [18.9.1](https://github.com/linz/lui/compare/v18.9.0...v18.9.1) (2023-08-30)
 
 

package/dist/index.js

@@ -52929,33 +52929,16 @@ var renderSettings = {
     preserveAspectRatio: 'xMidYMid slice'
 };
 var LuiLoadingSpinnerBase = function (props) {
-    return (React__default["default"].createElement("div", { style: {
-            position: 'absolute',
-            top: '50%',
-            left: '50%',
-            zIndex: 1000,
-            marginLeft: '-74px',
-            marginTop: '-74px'
-        }, "data-testid": "loading-spinner" },
+    return (React__default["default"].createElement("div", { className: "LuiLoadingSpinnerBase", "data-testid": "loading-spinner" },
         React__default["default"].createElement(LuiLottieLight, { animationData: props.animationData, loop: true, autoplay: autoplay, rendererSettings: renderSettings, style: style })));
 };
 /**
  * A LuiSpinner with a status message beneath it.
  */
 var LuiStatusSpinner = function (props) {
-    return (React__default["default"].createElement("div", { className: 'LuiStatusSpinner' },
+    return (React__default["default"].createElement("div", { className: 'LuiLoadingSpinner-SupportText' },
         React__default["default"].createElement(LuiLoadingSpinner, null),
-        React__default["default"].createElement("div", { style: {
-                position: 'absolute',
-                top: '50%',
-                left: '50%',
-                marginLeft: '-150px',
-                marginTop: '74px'
-            } },
-            React__default["default"].createElement("div", { style: {
-                    textAlign: 'center',
-                    width: '300px'
-                } }, props.children))));
+        React__default["default"].createElement("div", null, props.children)));
 };
 var LuiMiniSpinner = function (props) {
     return (React__default["default"].createElement("div", __assign({}, props.divProps),