@optigrit/optigrit-ui 0.0.15 → 0.0.17

package/dist/{chunk-OPUJUU32.js → chunk-ISRYL4WZ.js}

@@ -233,6 +233,7 @@ var Input = forwardRef((props, ref) => {
         "--border-color-hover": colorMix(primaryColor, 40),
         "--light-primary-color": colorMix(primaryColor, 50),
         "--primary-color": colorMix(primaryColor, 100),
+        "--autofill-bg-color": colorMix(primaryColor, 10, bgColor),
         width: fullWidth === void 0 || fullWidth ? "100%" : "auto",
         ...inputContainerProps?.style
       },
@@ -263,7 +264,7 @@ var Input = forwardRef((props, ref) => {
             ref,
             required: required === void 0 || required,
             className: cn(
-              "text-sm w-full h-full border-none outline-none rounded-sm transition-all duration-200 placeholder-[var(--placeholder-color)] text-[var(--text-color)] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--text-color)] bg-[var(--bg-color)]",
+              "text-sm w-full h-full border-none outline-none rounded-lg transition-all duration-200 placeholder-[var(--placeholder-color)] text-[var(--text-color)] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--text-color)] [&:-webkit-autofill]:[-webkit-box-shadow:_0_0_1000px_inset_var(--autofill-bg-color)] bg-[var(--bg-color)]",
               isFocus || !label || labelShrink === void 0 || labelShrink ? "" : "placeholder:opacity-0",
               inputProps.className
             ),

package/dist/components/index.d.ts

@@ -259,6 +259,8 @@ type AlertOptions = {
 
 declare const handleAlert: (title: React__default.ReactNode, type?: AlertType, options?: AlertOptions) => void;
 
+declare const handleError: () => void;
+
 interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
 }
 declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -281,4 +283,4 @@ interface CardFooterProps extends React__default.HTMLAttributes<HTMLDivElement>
 }
 declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterProps & React__default.RefAttributes<HTMLDivElement>>;
 
-export { Button, type ButtonColor, type ButtonProps, type ButtonRoundness, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Carousel, type CarouselItem, type CarouselProps, type Column, DataTable, type DataTableProps, Dialog, DialogContent, DialogFooter, DialogHeader, type DialogProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, IconButton, type IconButtonProps, InputField, type InputFieldProps, MultiSelect, type MultiSelectProps, SearchBar, type SearchBarProps, Select, type SelectProps, Separator, type SeparatorProps, TabList, type TabListProps, TabPanel, type TabPanelProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TablePaginationConfig, type TableProps, TableRow, type TableRowProps, Tooltip, type TooltipProps, handleAlert };
+export { Button, type ButtonColor, type ButtonProps, type ButtonRoundness, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Carousel, type CarouselItem, type CarouselProps, type Column, DataTable, type DataTableProps, Dialog, DialogContent, DialogFooter, DialogHeader, type DialogProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, IconButton, type IconButtonProps, InputField, type InputFieldProps, MultiSelect, type MultiSelectProps, SearchBar, type SearchBarProps, Select, type SelectProps, Separator, type SeparatorProps, TabList, type TabListProps, TabPanel, type TabPanelProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TablePaginationConfig, type TableProps, TableRow, type TableRowProps, Tooltip, type TooltipProps, handleAlert, handleError };

package/dist/components/index.js

@@ -6,7 +6,7 @@ import {
   ShowWithAnimation,
   Spinner,
   cn
-} from "../chunk-OPUJUU32.js";
+} from "../chunk-ISRYL4WZ.js";
 import "../chunk-MCQS3QNN.js";
 import {
   useKeyboardShortcuts
@@ -305,7 +305,7 @@ function InputField(props) {
   } = props;
   const initRef = useRef4({ isUserTyped: false });
   const [error, setError] = useState2("");
-  function handleError(value) {
+  function handleError2(value) {
     if (!initRef.current.isUserTyped) return;
     setError(() => {
       const error2 = validateValue?.(value);
@@ -317,12 +317,12 @@ function InputField(props) {
   }
   function handleOnChange(event) {
     onChangeValue?.(event.target.value);
-    handleError(event.target.value);
+    handleError2(event.target.value);
     props.onChange?.(event);
   }
   function handleOnBlur(event) {
     initRef.current.isUserTyped = true;
-    handleError(event.target.value);
+    handleError2(event.target.value);
     props.onBlur?.(event);
   }
   function handleOnFocus(event) {
@@ -331,7 +331,7 @@ function InputField(props) {
   useLayoutEffect(() => {
     if (props.value) {
       initRef.current.isUserTyped = true;
-      handleError(props.value);
+      handleError2(props.value);
     }
   }, [props.value]);
   return /* @__PURE__ */ jsxs4("div", { ...containerProps, children: [
@@ -984,7 +984,7 @@ var TableContainer = forwardRef4(
       "div",
       {
         ref,
-        className: `w-full overflow-auto rounded-lg border bg-white shadow-sm ${className}`,
+        className: `w-full overflow-auto rounded-lg border bg-bg-secondary shadow-sm ${className}`,
         ...props,
         children
       }
@@ -1566,7 +1566,7 @@ function DrawerHeader({ children, className, style }) {
   return /* @__PURE__ */ jsx35(
     "div",
     {
-      className: cn("sticky top-0 z-20 backdrop-blur-sm bg-white/60 px-4 py-3 border-b border-border", className),
+      className: cn("sticky top-0 z-20 backdrop-blur-sm bg-bg-secondary/60 px-4 py-3 border-b border-border", className),
       style,
       children
     }
@@ -1579,7 +1579,7 @@ function DrawerFooter({ children, className, style }) {
   return /* @__PURE__ */ jsx36(
     "div",
     {
-      className: cn("sticky bottom-0 z-20 backdrop-blur-sm bg-white/60 px-4 py-3 border-t border-border", className),
+      className: cn("sticky bottom-0 z-20 backdrop-blur-sm bg-bg-secondary/60 px-4 py-3 border-t border-border", className),
       style,
       children
     }
@@ -1847,6 +1847,16 @@ var handleAlert = (title, type = "info", options) => {
   });
 };
 
+// src/components/Overlay/Alert/handleError.tsx
+var handleError = () => {
+  renderAlert({
+    open: true,
+    title: "Something went wrong!",
+    type: "error",
+    options: { duration: 5e3 }
+  });
+};
+
 // src/components/Surfaces/Card/Card.tsx
 import React5 from "react";
 import { jsx as jsx39 } from "react/jsx-runtime";
@@ -1964,5 +1974,6 @@ export {
   TableHead_default as TableHead,
   TableRow_default as TableRow,
   Tooltip,
-  handleAlert
+  handleAlert,
+  handleError
 };

package/dist/core/index.js

@@ -5,7 +5,7 @@ import {
   Show,
   ShowWithAnimation,
   Spinner
-} from "../chunk-OPUJUU32.js";
+} from "../chunk-ISRYL4WZ.js";
 import "../chunk-MCQS3QNN.js";
 import "../chunk-U65NGM6F.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optigrit/optigrit-ui",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "UI components library for optigrit apps",
   "license": "ISC",
   "author": "",