@luscii-healthtech/web-ui 35.2.1 → 35.3.1

package/dist/components/Box/Box.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { SIZES } from "../../system/Sizes";
 import { ELEVATION } from "../../system/Elevation";
-import { BackgroundColor } from "../../types/general.types";
+import { BackgroundColor, CursorOption } from "../../types/general.types";
 type Size = keyof typeof SIZES;
 declare const spacingKeys: readonly ["p", "pt", "pr", "pb", "pl", "px", "py", "m", "mt", "mr", "mb", "ml", "mx", "my"];
 type SpacingProps = Partial<Record<(typeof spacingKeys)[number], Size>>;
@@ -22,6 +22,7 @@ export type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<
      * Check {@link SIZES} for reference.
      */
     borderRadius?: keyof typeof SIZES;
+    cursor?: CursorOption;
 };
 export declare const Box: <C extends React.ElementType = "div">(props: Props<C>) => React.JSX.Element;
 export {};

package/dist/index.development.js

@@ -1468,6 +1468,7 @@ const Box = (props) => {
   const borderRadiusClassName = createRadiusClassName(borderRadius);
   const attributesWithoutSpacingKeys = omit__default.default(attributes, spacingKeys);
   return React__namespace.default.createElement(Element, Object.assign({ className: classNames__default.default(spacingClasses, {
+    "ui-bg-surface": props.backgroundColor === "surface",
     "ui-bg-slate-100": props.backgroundColor === "base",
     "ui-bg-blue-50": props.backgroundColor === "blue",
     "ui-bg-red-50": props.backgroundColor === "red",
@@ -1475,6 +1476,19 @@ const Box = (props) => {
     " ui-bg-amber-50": props.backgroundColor === "amber",
     [`ui-w-${width}`]: width && width !== "full",
     "ui-w-full": width === "full"
+  }, {
+    "ui-cursor-auto": props.cursor === "auto",
+    "ui-cursor-default": props.cursor === "default",
+    "ui-cursor-pointer": props.cursor === "pointer",
+    "ui-cursor-wait": props.cursor === "wait",
+    "ui-cursor-move": props.cursor === "move",
+    "ui-cursor-help": props.cursor === "help",
+    "ui-cursor-not-allowed": props.cursor === "not-allowed",
+    "ui-cursor-progress": props.cursor === "progress",
+    "ui-cursor-copy": props.cursor === "copy",
+    "ui-cursor-no-drop": props.cursor === "no-drop",
+    "ui-cursor-grab": props.cursor === "grab",
+    "ui-cursor-grabbing": props.cursor === "grabbing"
   }, className, shadowClassName, borderRadiusClassName) }, attributesWithoutSpacingKeys));
 };