@inntechcorp/it-design 2.2.2 → 2.2.4

package/dist/datepicker/styled.d.ts

@@ -17,8 +17,4 @@ declare const CalendarWrapper: import("styled-components/dist/types").IStyledCom
     onChange?: ((value: import("./index").CalendarValueProps) => void) | null;
     disabledDate?: (date: moment.Moment) => boolean;
 }) => import("react/jsx-runtime").JSX.Element | null, keyof import("react").Component<any, {}, any>>;
-declare const ModalEnter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ModalEnterActive: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ModalExit: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ModalExitActive: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper, CalendarWrapper, ModalEnter, ModalEnterActive, ModalExit, ModalExitActive };
+export { Wrapper, CalendarWrapper };

package/dist/global.css

@@ -71,4 +71,77 @@ textarea {
   --os-handle-bg: #3598fe80;
   --os-handle-bg-hover: #3598fe;
   --os-handle-bg-active: #3598fe;
+}
+
+/* ================================= */
+/* Component Transitions */
+/* ================================= */
+
+/* Modal Transitions */
+.modal-enter {
+  opacity: 0 !important;
+  transform: translate(-50%, -40%) !important;
+}
+
+.modal-enter-active {
+  opacity: 1 !important;
+  transform: translate(-50%, -50%) !important;
+  transition: opacity 300ms, transform 300ms !important;
+  transition-delay: .3s !important;
+}
+
+.modal-exit {
+  opacity: 1 !important;
+  transform: translate(-50%, -50%) !important;
+}
+
+.modal-exit-active {
+  opacity: 0 !important;
+  transform: translate(-50%, -40%) !important;
+  transition: opacity 300ms, transform 300ms !important;
+}
+
+/* Select Menu Transitions */
+.select-menu-enter {
+  opacity: 0 !important;
+  transform: translateY(-10px) scale(0.95) !important;
+}
+
+.select-menu-enter-active {
+  opacity: 1 !important;
+  transform: translateY(0) scale(1) !important;
+  transition: opacity 250ms ease-out, transform 250ms ease-out !important;
+}
+
+.select-menu-exit {
+  opacity: 1 !important;
+  transform: translateY(0) scale(1) !important;
+}
+
+.select-menu-exit-active {
+  opacity: 0 !important;
+  transform: translateY(-10px) scale(0.95) !important;
+  transition: opacity 200ms ease-in, transform 200ms ease-in !important;
+}
+
+/* DatePicker Modal Transitions */
+.datepicker-modal-enter {
+  opacity: 0 !important;
+  transform: translateY(-10px) !important;
+}
+
+.datepicker-modal-enter-active {
+  opacity: 1 !important;
+  transform: translateY(0) !important;
+  transition: opacity 250ms, transform 250ms !important;
+}
+
+.datepicker-modal-exit {
+  opacity: 1 !important;
+}
+
+.datepicker-modal-exit-active {
+  opacity: 0 !important;
+  transform: translateY(-10px) !important;
+  transition: opacity 250ms, transform 250ms !important;
 }

package/dist/hooks/index.d.ts

@@ -1,8 +1,6 @@
 export { default as useReCaptcha } from './useReCaptcha';
 export { default as useConstructor } from './useConstructor';
 export { default as useAddExternalCSS } from './useAddExternalCSS';
-export { default as useCreateDynamicStyle } from './useCreateDynamicStyle';
-export { default as useCreateStyledStyle } from './useCreateStyledStyle';
 export { default as useOnClickOutside } from './useOnClickOutside';
 export { default as useOnESCKeyDown } from './useOnESCKeyDown';
 export { default as useSingleQuery } from './useSingleQuery';