@luscii-healthtech/web-ui 23.2.11 → 23.2.12

package/dist/components/CheckboxList/CheckboxList.types.d.ts

@@ -3,7 +3,7 @@ export declare enum CheckboxState {
     INDETERMINATE = "indeterminate",
     UNCHECKED = "unchecked"
 }
-export interface CheckboxListProps {
+export type CheckboxListProps = {
     /**
      * An array of items to render as checkboxes. Each item can be a single item or a group. When the
      * title isn't specified, the group will render as a non-collapsible list. This is the way to
@@ -30,7 +30,7 @@ export interface CheckboxListProps {
     groups: CheckboxGroup[];
     onChange: (event: CheckboxChangeEvent) => void;
     className?: string;
-}
+};
 type WithCollapsible = {
     /**
      * When `false` will prevent the checkbox list from being collapsed (also disabling clicking to expand/collapse)

package/dist/index.development.js

@@ -1605,16 +1605,7 @@ const ButtonV2 = React__namespace.default.forwardRef((_a, innerRef) => {
     ) }),
     isPending && React__namespace.default.createElement(
       "span",
-      {
-        className: "ui-opacity-100",
-        // IE11 center translate fix
-        style: {
-          position: "absolute",
-          left: "50%",
-          top: "50%",
-          transform: "translate(-50%, -50%)"
-        }
-      },
+      { className: "ui-absolute ui-left-1/2 ui-top-1/2 ui--translate-x-1/2 ui--translate-y-1/2 ui-transform ui-opacity-100" },
       React__namespace.default.createElement(Spinner, { className: textColorClass })
     ),
     content && React__namespace.default.createElement(Text, { variant: "strong", className: classNames__default.default({
@@ -2232,16 +2223,7 @@ function Button(props) {
       dynamicIcon && React__namespace.default.createElement(dynamicIcon, { className: "ui-w-5 ui-h-5" }),
       React__namespace.default.createElement(
         "span",
-        {
-          className: "ui-opacity-100",
-          // IE11 center translate fix
-          style: {
-            position: "absolute",
-            left: "50%",
-            top: "50%",
-            transform: "translate(-50%, -50%)"
-          }
-        },
+        { className: "ui-absolute ui-left-1/2 ui-top-1/2 ui--translate-x-1/2 ui--translate-y-1/2 ui-transform ui-opacity-100" },
         React__namespace.default.createElement(Spinner, { className: spinnerClassNames })
       ),
       React__namespace.default.createElement("span", { className: buttonTextClasses }, text)