@okshaun/components 0.5.4 → 0.5.6

package/dist/index.d.ts

@@ -1058,6 +1058,7 @@ export declare const Spinner: React.FC<SpinnerProps>;
 export declare type SpinnerProps = Omit<BoxProps, keyof SpinnerVariantProps> & SpinnerVariantProps & {
     size?: 'standard' | 'small' | 'large';
     className?: string;
+    inverse?: boolean;
 };
 
 export declare const splitProps: (props: Record<string, any>) => [string, Record<string, any>];

package/dist/index.js

@@ -731,6 +731,9 @@ const spinnerVariantMap = {
     "standard",
     "small",
     "large"
+  ],
+  "inverse": [
+    "true"
   ]
 };
 const spinnerVariantKeys = Object.keys(spinnerVariantMap);
@@ -2267,6 +2270,7 @@ const Text = ({
 };
 const Spinner = ({
   size: size2,
+  inverse,
   ...props
 }) => {
   const [className, otherProps] = splitProps(props);
@@ -2274,7 +2278,7 @@ const Spinner = ({
     Box,
     {
       as: "div",
-      className: cx(spinner({ size: size2 }), className),
+      className: cx(spinner({ size: size2, inverse }), className),
       ...otherProps
     }
   );
@@ -2671,7 +2675,12 @@ const Button = React.forwardRef(
               right: "0",
               bottom: "0",
               placeItems: "center",
-              children: /* @__PURE__ */ jsx(Spinner, {})
+              children: /* @__PURE__ */ jsx(
+                Spinner,
+                {
+                  ...appearance === "primary" ? { inverse: true } : {}
+                }
+              )
             }
           )
         ] })
@@ -2878,7 +2887,12 @@ const IconButton = React.forwardRef(
               right: "0",
               bottom: "0",
               placeItems: "center",
-              children: /* @__PURE__ */ jsx(Spinner, {})
+              children: /* @__PURE__ */ jsx(
+                Spinner,
+                {
+                  ...appearance === "primary" ? { inverse: true } : {}
+                }
+              )
             }
           )
         ] })
@@ -8449,7 +8463,10 @@ const Menu = ({
 };
 const highlightText$1 = (text2, match) => {
   if (!match || typeof text2 !== "string") return text2;
-  const regex = new RegExp(`(${match.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi");
+  const regex = new RegExp(
+    `(${match.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`,
+    "gi"
+  );
   const parts = text2.split(regex);
   return parts.map(
     (part, i) => regex.test(part) ? /* @__PURE__ */ jsx("mark", { children: part }, i) : part
@@ -8513,7 +8530,7 @@ const MenuItem = ({
         }
       ) });
     }
-    return /* @__PURE__ */ jsx(Box, { className: classes.menuItemIndicator, children: selected && /* @__PURE__ */ jsx(Icon, { name: "check", size: "20" }) });
+    return /* @__PURE__ */ jsx(Box, { className: classes.menuItemIndicator, children: selected && /* @__PURE__ */ jsx(Icon, { name: "check", size: "24" }) });
   };
   const renderLabel = () => {
     const labelContent = typeof label2 === "string" && highlightMatch ? highlightText$1(label2, highlightMatch) : label2;
@@ -8600,7 +8617,10 @@ const MenuList = React__default.forwardRef(
 MenuList.displayName = "MenuList";
 const highlightText = (text2, match) => {
   if (!match || typeof text2 !== "string") return text2;
-  const regex = new RegExp(`(${match.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi");
+  const regex = new RegExp(
+    `(${match.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`,
+    "gi"
+  );
   const parts = text2.split(regex);
   return parts.map(
     (part, i) => regex.test(part) ? /* @__PURE__ */ jsx("mark", { children: part }, i) : part
@@ -8652,7 +8672,7 @@ const MenuListItem = React__default.forwardRef(
           }
         ) });
       }
-      return /* @__PURE__ */ jsx(Box, { className: classes.menuItemIndicator, children: selected && /* @__PURE__ */ jsx(Icon, { name: "check", size: "20" }) });
+      return /* @__PURE__ */ jsx(Box, { className: classes.menuItemIndicator, children: selected && /* @__PURE__ */ jsx(Icon, { name: "check", size: "24" }) });
     };
     const renderLabel = () => {
       const labelContent = typeof label2 === "string" && highlightMatch ? highlightText(label2, highlightMatch) : label2;