@trackunit/react-components 0.0.113 → 0.0.115

package/components/Modal/Modal.d.ts

@@ -23,6 +23,10 @@ export interface ModalProps extends CommonProps {
      */
     maxWidth?: ModalWidth;
 }
-/** Preferred usage is with useModal(), so the modal is placed at highest level. */
+/**
+ * - Modals are used to present critical information or request user input needed to complete a user's workflow.
+ * - Modals interrupt a user's workflow by design.
+ * - The modal component provides a foundation for creating dialogs, lightboxes, etc.
+ */
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/components/buttons/Button/Button.d.ts

@@ -38,4 +38,10 @@ export interface ButtonProps extends ButtonCommonProps {
      */
     form?: string;
 }
+/**
+ * Buttons allow users to perform an action when triggered.
+ *
+ * @param {ButtonProps} props - The props for the Button component
+ * @returns {JSX.Element} Button component
+ */
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/index.css

@@ -29,8 +29,8 @@
     align-middle;
 
   &__spinner {
-    @apply w-[1em]
-      h-[1em];
+    @apply !w-[1em]
+      !h-[1em];
   }
 
   &--rounded {

package/index.js

@@ -194,6 +194,13 @@ const getPadding = () => ({
   }
 };
 
+/**
+ * Buttons allow users to perform an action when triggered.
+ *
+ * @param {ButtonProps} props - The props for the Button component
+ * @returns {JSX.Element} Button component
+ */
+
 const Button = React.forwardRef((_a, ref) => {
   var {
     onClick,
@@ -2906,7 +2913,11 @@ const Backdrop = tw(animated.div)`
   tu-modal-backdrop
 `;
 
-/** Preferred usage is with useModal(), so the modal is placed at highest level. */
+/**
+ * - Modals are used to present critical information or request user input needed to complete a user's workflow.
+ * - Modals interrupt a user's workflow by design.
+ * - The modal component provides a foundation for creating dialogs, lightboxes, etc.
+ */
 
 const Modal = React.forwardRef(({
   isOpen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.113",
+  "version": "0.0.115",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {