@oliasoft-open-source/react-ui-library 4.1.3 → 4.1.5

package/dist/global.css

@@ -9891,23 +9891,23 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
 ._disabledPointerEvents_u3xdj_204 {
   pointer-events: none;
 }
-._tabs_twdtr_1 {
+._tabs_1y79t_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_twdtr_1._padding_twdtr_7 {
+._tabs_1y79t_1._padding_1y79t_7 {
   padding-left: var(--padding);
   padding-right: var(--padding);
 }
-._tabs_twdtr_1._margin_twdtr_11 {
+._tabs_1y79t_1._margin_1y79t_11 {
   margin: var(--padding) 0;
 }
-._contentPadding_twdtr_14 {
+._contentPadding_1y79t_14 {
   padding-top: var(--padding);
 }
-._item_twdtr_17 {
+._item_1y79t_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9924,37 +9924,38 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   font-size: var(--font-size-lg);
   color: var(--color-text-primary);
   cursor: pointer;
+  text-transform: capitalize;
 }
-._item_twdtr_17:not(:last-child) {
+._item_1y79t_17:not(:last-child) {
   margin-right: var(--padding);
 }
-._item_twdtr_17:hover:not(._active_twdtr_38) {
+._item_1y79t_17:hover:not(._active_1y79t_39) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_twdtr_17:hover:not(._active_twdtr_38) {
+[data-theme='dark'] ._item_1y79t_17:hover:not(._active_1y79t_39) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_twdtr_17:active:not(._active_twdtr_38) {
+._item_1y79t_17:active:not(._active_1y79t_39) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_twdtr_17:active:not(._active_twdtr_38) {
+[data-theme='dark'] ._item_1y79t_17:active:not(._active_1y79t_39) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_twdtr_17._active_twdtr_38 {
+._item_1y79t_17._active_1y79t_39 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_twdtr_17._hidden_twdtr_57 {
+._item_1y79t_17._hidden_1y79t_58 {
   display: none !important;
 }
-._item_twdtr_17._disabled_twdtr_60 {
+._item_1y79t_17._disabled_1y79t_61 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_twdtr_17._left_twdtr_64 + ._item_twdtr_17._right_twdtr_64 {
+._item_1y79t_17._left_1y79t_65 + ._item_1y79t_17._right_1y79t_65 {
   margin-left: auto;
 }
 ._inputInTable_66zck_1 {

package/dist/index.d.ts

@@ -74,6 +74,8 @@ export declare const Dialog: ({ dialog }: IDialogProps) => JSX_2.Element;
 
 export declare const DisabledContext: React_2.Context<boolean>;
 
+export declare const dismissToast: (id: Id) => void;
+
 export declare const Divider: ({ children, margin, color, align, }: IDividerProps) => JSX_2.Element;
 
 export declare const Drawer: ({ background, fixed, open: openProp, setOpen: setOpenProp, right, width, closedWidth, shadow, top, button, buttonAnimate, buttonPosition, border, children, tabs, defaultTabIndex, activeTab: activeTabProp, setActiveTab: setActiveTabProp, testId, onResize, getActiveTab, onClose, onOpen, }: IDrawerProps) => JSX_2.Element;
@@ -778,7 +780,7 @@ export declare interface IMessageProps {
     message: IMessage;
 }
 
-declare type IMessageType = {
+export declare type IMessageType = {
     type?: TMessageType | string;
     icon?: boolean;
     heading?: string | number;
@@ -1359,7 +1361,7 @@ export declare interface ITextProps {
 export declare interface IToastProps {
     id?: Id;
     message: IMessageType;
-    autoClose?: number;
+    autoClose?: number | false;
     onClose?: TEmpty;
 }
 

package/dist/index.js

@@ -63831,16 +63831,16 @@ const Table = (props) => {
     )
   ] });
 };
-const tabs = "_tabs_twdtr_1";
-const padding = "_padding_twdtr_7";
-const margin = "_margin_twdtr_11";
-const contentPadding = "_contentPadding_twdtr_14";
-const item$1 = "_item_twdtr_17";
-const active$1 = "_active_twdtr_38";
-const hidden = "_hidden_twdtr_57";
-const disabled$1 = "_disabled_twdtr_60";
-const left$1 = "_left_twdtr_64";
-const right$1 = "_right_twdtr_64";
+const tabs = "_tabs_1y79t_1";
+const padding = "_padding_1y79t_7";
+const margin = "_margin_1y79t_11";
+const contentPadding = "_contentPadding_1y79t_14";
+const item$1 = "_item_1y79t_17";
+const active$1 = "_active_1y79t_39";
+const hidden = "_hidden_1y79t_58";
+const disabled$1 = "_disabled_1y79t_61";
+const left$1 = "_left_1y79t_65";
+const right$1 = "_right_1y79t_65";
 const styles$5 = {
   tabs,
   padding,
@@ -65194,7 +65194,7 @@ const toast = ({
     toastId: id2,
     autoClose,
     onClose,
-    hideProgressBar: false,
+    hideProgressBar: autoClose === false,
     icon: false,
     closeOnClick: false,
     pauseOnHover: true,
@@ -65204,6 +65204,9 @@ const toast = ({
     type: toastType
   });
 };
+const dismissToast = (id2) => {
+  toast$1.dismiss(id2);
+};
 const toggle$1 = "_toggle_1mo1i_9";
 const small = "_small_1mo1i_25";
 const disabled = "_disabled_1mo1i_102";
@@ -77464,6 +77467,7 @@ export {
   TopBar,
   Tree,
   TriggerType,
+  dismissToast,
   readFile,
   toast,
   useFocus,