@arkyn/components 1.3.70 → 1.3.72

package/src/components/Alert/AlertTitle/styles.css

@@ -0,0 +1,8 @@
+.arkyn_title {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 17px;
+  text-align: left;
+
+  color: var(--text-heading);
+}

package/src/components/Alert/index.ts

@@ -0,0 +1,13 @@
+import { AlertContainer } from "./AlertContainer";
+import { AlertContent } from "./AlertContent";
+import { AlertDescription } from "./AlertDescription";
+import { AlertIcon } from "./AlertIcon";
+import { AlertTitle } from "./AlertTitle";
+
+export {
+  AlertContainer,
+  AlertContent,
+  AlertDescription,
+  AlertIcon,
+  AlertTitle,
+};

package/src/components/Input/MaskInput/index.tsx

@@ -81,6 +81,7 @@ function MaskedInput(props: MaskedInputProps) {
         ref={ref}
         onFocus={handleFocus}
         onBlur={handleBlur}
+        disabled={disabled}
         {...rest}
       />
 

package/src/components/Select/getConfig.tsx

@@ -16,6 +16,7 @@ function getConfig(props: SelectProps, isFocused: boolean) {
     readOnly,
     onFocus,
     onBlur,
+
     title,
     style,
     closeOnSelect = true,
@@ -36,8 +37,7 @@ function getConfig(props: SelectProps, isFocused: boolean) {
     className,
     prefix: morpheme(basePrefix, iconSize, "prefix"),
     LeftIcon,
-    disabled,
-    readOnly,
+    disabled: disabled || isLoading || readOnly,
     onFocus,
     onBlur,
     title,

package/src/components/Select/index.tsx

@@ -29,7 +29,6 @@ function Select(props: SelectProps) {
     LeftIcon,
     value: baseValue = null,
     defaultValue = "",
-    readOnly,
     onFocus,
     onBlur,
     Spinner,
@@ -39,13 +38,14 @@ function Select(props: SelectProps) {
     options,
     optionMaxHeight,
     closeOnSelect,
+
     ...rest
   } = getConfig({ ...props, id, isError }, isFocused);
 
   const [selectedValue, setSelectedValue] = useState(defaultValue);
 
   function handleSectionClick() {
-    if (disabled || !ref?.current) return;
+    if (disabled || !ref?.current || isFocused) return;
     setIsFocused(true);
     ref.current.focus();
   }
@@ -96,7 +96,7 @@ function Select(props: SelectProps) {
         {LeftIcon && <LeftIcon size={iconSize} strokeWidth={2.5} />}
 
         <input
-          disabled={disabled || isLoading}
+          disabled={disabled}
           readOnly
           placeholder={currentLabel || placeholder}
           onFocus={handleFocus}

package/src/index.ts

@@ -1,4 +1,11 @@
 // Data Display
+export {
+  AlertContainer,
+  AlertContent,
+  AlertDescription,
+  AlertIcon,
+  AlertTitle,
+} from "./components/Alert";
 export { Badge } from "./components/Badge";
 export { Divider } from "./components/Divider";
 export { Skeleton } from "./components/Skeleton";
@@ -24,6 +31,7 @@ export { Textarea } from "./components/Textarea";
 export { BreadcrumbContainer, BreadcrumbLink } from "./components/Breadcrumb";
 export { Pagination } from "./components/Pagination";
 export { TabButton, TabContainer } from "./components/Tabs";
+
 // Overlay
 export { DrawerContainer, DrawerHeader } from "./components/Drawer";
 export { ModalContainer, ModalFooter, ModalHeader } from "./components/Modal";