@inntechcorp/it-design 2.0.103 → 2.0.104

package/dist/modal/container/ModalContainer.d.ts

@@ -1,4 +1,4 @@
-import { ReactPortal } from "react";
+import { Context, ReactPortal } from "react";
 import { ModalProps } from "types/ModalProps";
 import { ModalContainerProps } from "../context/ModalContext";
 type ContainerExtraProps = {
@@ -6,7 +6,8 @@ type ContainerExtraProps = {
      * All modals shown or to be shown.
      */
     modals: Required<ModalProps>[];
+    customContext: Context<any>[] | [];
 };
 type ModalType = ModalContainerProps & ContainerExtraProps;
-declare const ModalContainer: ({ onShowModal, onHideModal, onRemoveModal, onModalEvent, modals }: ModalType) => ReactPortal | null;
+declare const ModalContainer: ({ onShowModal, onHideModal, onRemoveModal, onModalEvent, modals, customContext }: ModalType) => ReactPortal | null;
 export default ModalContainer;

package/dist/modal/context/ModalContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { Context } from "react";
 import { ModalState } from "enums/enum";
 import { ModalProps } from "types/ModalProps";
 export type ModalContextType = {
@@ -28,6 +28,11 @@ export type ModalContextType = {
      * @returns
      */
     removeAllModals: () => void;
+    /**
+     *
+     * @returns
+     */
+    setCustomContext: (...context: Context<any>[]) => void;
     /**
      * Triggered whenever any event related to modals occurs.
      */
@@ -74,5 +79,5 @@ export type ModalContainerProps = {
      */
     onModalEvent: (event: ModalState, id: string) => void;
 };
-declare const ModalContext: import("react").Context<ModalContextType>;
+declare const ModalContext: Context<ModalContextType>;
 export default ModalContext;

package/dist/{output-DOIezTPH.css → output-Co64jyKL.css}

@@ -127,32 +127,6 @@
   transition: height 150ms ease-out;
 }
 
-.option {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  min-width: max-content;
-  padding: 10px 30px 10px 15px;
-}
-.option:not(:last-child) {
-  margin-bottom: 1px;
-}
-.option:hover {
-  background-color: rgba(29, 38, 73, 0.5019607843);
-}
-
-.selected .single, .selected .option span {
-  color: #ffffff;
-}
-
-.single, .option span {
-  color: rgba(255, 255, 255, 0.6666666667);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 12px;
-  white-space: nowrap;
-}
-
 .arrow {
   transition: all 0.25s ease-out;
   margin-left: auto;
@@ -182,6 +156,32 @@
   align-items: center;
 }
 
+.option {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  min-width: max-content;
+  padding: 10px 30px 10px 15px;
+}
+.option:not(:last-child) {
+  margin-bottom: 1px;
+}
+.option:hover {
+  background-color: rgba(29, 38, 73, 0.5019607843);
+}
+
+.selected .single, .selected .option span {
+  color: #ffffff;
+}
+
+.single, .option span {
+  color: rgba(255, 255, 255, 0.6666666667);
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  white-space: nowrap;
+}
+
 .container {
   display: flex;
   align-items: center;

package/dist/utils/GetSizeBySizeSlug.d.ts

@@ -1,2 +1,2 @@
 import { ITDSizeSlug } from "../index";
-export default function GetSizeBySizeSlug(size: ITDSizeSlug): "large" | "small" | "x-small" | "medium" | "default" | "x-large" | "df";
+export default function GetSizeBySizeSlug(size: ITDSizeSlug): "small" | "medium" | "large" | "x-small" | "default" | "x-large" | "df";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.0.103",
+  "version": "2.0.104",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",