@xqmsg/ui-core 0.22.2 → 0.22.3

package/dist/components/form/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FormHandler } from '../../components/form/hooks/useFormHandler';
 export interface FormProps<T extends FieldValues> {
@@ -9,4 +9,4 @@ export interface FormProps<T extends FieldValues> {
  * `react-hook-form`. The `Form` component is provided a `formHandler` and is used to wrap a container
  * that contains a `FormSection` component.
  */
-export declare function Form<T extends FieldValues>({ formHandler, children, }: PropsWithChildren<FormProps<T>>): JSX.Element;
+export declare function Form<T extends FieldValues>({ formHandler, children, }: PropsWithChildren<FormProps<T>>): React.JSX.Element;

package/dist/components/form/section/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { FormStructure } from '../FormTypes';
 /**
@@ -24,4 +25,4 @@ export interface FormSectionProps<T extends string | number | symbol, U extends
  *
  * @returns a list of input's for a specific form section.
  */
-export declare function FormSection<T extends string | number | symbol, U extends FieldValues>({ formStructure, section, form, className, columns, spacing, }: FormSectionProps<T, U>): JSX.Element;
+export declare function FormSection<T extends string | number | symbol, U extends FieldValues>({ formStructure, section, form, className, columns, spacing, }: FormSectionProps<T, U>): React.JSX.Element;

package/dist/components/input/index.d.ts

@@ -28,4 +28,4 @@ export interface InputProps<T extends FieldValues> extends ValidationProps {
  * A functional React component utilized to render the `Input` component. Utilizes a switch statement
  * to render the correct input based on the `inputType`.
  */
-export declare function Input<T extends FieldValues>({ inputType, label, ariaLabel, className, placeholder, name, helperText, options, tooltipText, isInvalid, errorText, isRequired, maxLength, defaultValue, fullOptions, control, disabled, rightElement, leftElement, allowDefault, onChange, setValue, setError, clearErrors, }: InputProps<T>): JSX.Element;
+export declare function Input<T extends FieldValues>({ inputType, label, ariaLabel, className, placeholder, name, helperText, options, tooltipText, isInvalid, errorText, isRequired, maxLength, defaultValue, fullOptions, control, disabled, rightElement, leftElement, allowDefault, onChange, setValue, setError, clearErrors, }: InputProps<T>): React.JSX.Element;

package/dist/components/table/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReadonlyTableColumns, TableBody, TableColumns, TableHeaders } from './TableTypes';
 export interface TableProps<T extends ReadonlyTableColumns> {
     columns: TableColumns;
@@ -10,4 +11,4 @@ export interface TableProps<T extends ReadonlyTableColumns> {
 /**
  * A React component utilized to render the `Table` component
  */
-export declare function Table<T extends ReadonlyTableColumns>({ columns, headers, body, loading, loadMore, }: TableProps<T>): JSX.Element;
+export declare function Table<T extends ReadonlyTableColumns>({ columns, headers, body, loading, loadMore, }: TableProps<T>): React.JSX.Element;

package/dist/ui-core.cjs.development.js

@@ -221,7 +221,8 @@ var Banner = function Banner(_ref) {
     }
   }, [variant]);
   return /*#__PURE__*/React__default.createElement(react.Alert, {
-    variant: variant
+    variant: variant,
+    borderRadius: "4px"
   }, /*#__PURE__*/React__default.createElement(react.AlertDescription, null, /*#__PURE__*/React__default.createElement(react.Flex, {
     flexDirection: type === 'condensed' ? 'row' : 'column',
     alignItems: type === 'condensed' ? 'center' : '',
@@ -1774,8 +1775,7 @@ var StackedSwitch = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
     value = _ref2.value;
   if (value === null) return null;
   return /*#__PURE__*/React__default.createElement(react.Switch, {
-    h: "26px",
-    mx: "4px",
+    h: "21px",
     _focus: {
       border: '2px solid',
       borderColor: colors.border.focus
@@ -1798,7 +1798,8 @@ var Label$1 = function Label(_ref) {
     isRequired = _ref.isRequired,
     label = _ref.label;
   return /*#__PURE__*/React__default.createElement(react.FormLabel, {
-    display: "flex"
+    display: "flex",
+    ml: "0"
   }, label, isRequired && /*#__PURE__*/React__default.createElement(react.Box, {
     ml: 1,
     color: colors.label.error
@@ -1995,7 +1996,7 @@ function Input(_ref) {
         id: name,
         isInvalid: isInvalid,
         position: "relative",
-        py: label || helperText || isInvalid ? 5 : 0
+        py: inputType !== 'checkbox' && label || helperText || isInvalid ? 5 : 0
       }, label && inputType !== 'checkbox' && /*#__PURE__*/React__default.createElement(Label$1, {
         tooltipText: tooltipText,
         label: label,