@ballistix.digital/react-components 4.2.0 → 4.4.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode, RefObject, MouseEvent as MouseEvent$1, ReactElement, ChangeEventHandler, FocusEventHandler, MouseEventHandler, KeyboardEventHandler, HTMLInputTypeAttribute, Dispatch, SetStateAction, ElementType, ChangeEvent } from 'react';
+import React, { FC, ReactNode, RefObject, MouseEvent as MouseEvent$1, ReactElement, MutableRefObject, ChangeEventHandler, FocusEventHandler, MouseEventHandler, KeyboardEventHandler, HTMLInputTypeAttribute, Dispatch, SetStateAction, ElementType, ChangeEvent } from 'react';
 import { DeepPartialType } from 'types/DeepPartialType';
 import { IconName } from '@fortawesome/fontawesome-svg-core';
 import { Placement } from '@floating-ui/react';
@@ -202,6 +202,7 @@ type TInputGroupFormProps = {
     isRequired?: boolean;
     isTouched?: boolean;
     isSolo?: boolean;
+    setRefOnLoad?: (ref: MutableRefObject<HTMLInputElement | null>) => void;
     styles?: TInputGroupStyles;
 } & ({
     htmlType: 'area';
@@ -1141,6 +1142,7 @@ type TSwitchFormProps = {
     isTouched?: boolean;
     error?: string;
     styles?: TSwitchStylesForm;
+    size?: 'sm' | 'md';
 } & ({
     iconAccessorChecked?: undefined;
     iconAccessorUnchecked?: undefined;
@@ -1151,31 +1153,49 @@ type TSwitchFormProps = {
 declare const Switch: (props: TSwitchFormProps) => react_jsx_runtime.JSX.Element;
 
 declare const styles: {
-    label: string;
-    container: string;
-    head: string;
-    hint: string;
-    foot: string;
-    description: string;
-    switch: {
-        base: string;
-        screenreader: string;
-        checked: string;
-        unchecked: string;
-        disabled: string;
+    base: {
+        label: string;
+        container: string;
+        head: string;
+        hint: string;
+        foot: string;
+        description: string;
+        switch: {
+            base: string;
+            screenreader: string;
+            checked: string;
+            unchecked: string;
+            disabled: string;
+        };
+        toggle: {
+            base: string;
+            checked: string;
+            unchecked: string;
+        };
+        icon: {
+            base: string;
+            hidden: string;
+            shown: string;
+            icon: string;
+        };
+        error: string;
     };
-    toggle: {
-        base: string;
-        checked: string;
-        unchecked: string;
+    md: {
+        switch: {
+            base: string;
+        };
+        toggle: {
+            base: string;
+        };
     };
-    icon: {
-        base: string;
-        hidden: string;
-        shown: string;
-        icon: string;
+    sm: {
+        switch: {
+            base: string;
+        };
+        toggle: {
+            base: string;
+        };
     };
-    error: string;
 };
 type TSwitchStylesForm = DeepPartialType<typeof styles>;