evelearn-theme 1.0.6 → 2.0.1

package/dist/index.d.ts

@@ -1,15 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+export { Backdrop, Breakpoint, Container, ErrorText, Fade, NoResults, PRIMARY_COLOR, Pill, Spinner, StepsComponent, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton } from './server.js';
 import * as React$1 from 'react';
 import React__default, { CSSProperties, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Placement } from '@floating-ui/react';
 
-type Props$h = {
-    visible: boolean;
-    onClick: () => void;
-    opacity?: number;
-};
-declare const Backdrop: ({ visible, onClick, opacity }: Props$h) => react_jsx_runtime.JSX.Element | null;
-
 interface BaseModalProps {
     visible: boolean;
     children: React__default.ReactNode;
@@ -36,14 +30,7 @@ type OverlayProps = BaseModalProps & {
 };
 declare const Overlay: ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer, }: OverlayProps) => React__default.ReactPortal | null;
 
-type Point = 'sm' | 'md' | 'lg' | 'xl';
-declare const Breakpoint: React__default.FC<{
-    fromSize?: Point;
-    toSize?: Point;
-    children: React__default.ReactNode;
-}>;
-
-interface Props$g {
+interface Props$c {
     disabled?: boolean;
     kind?: 'primary' | 'secondary' | 'base' | 'warning' | 'alert' | 'gray' | 'green' | 'teal' | 'indigo';
     size?: 'small' | 'fixed' | 'large';
@@ -52,9 +39,9 @@ interface Props$g {
     children: React__default.ReactNode;
     onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
 }
-declare const Button: ({ disabled, loading, onClick, kind, size, type, children }: Props$g) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ disabled, loading, onClick, kind, size, type, children }: Props$c) => react_jsx_runtime.JSX.Element;
 
-interface Props$f {
+interface Props$b {
     disabled?: boolean;
     color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan';
     type?: 'button' | 'submit';
@@ -65,9 +52,9 @@ interface Props$f {
     size?: 'big' | 'base' | 'small' | 'square';
     onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
 }
-declare const FunButton: React__default.FC<Props$f>;
+declare const FunButton: React__default.FC<Props$b>;
 
-interface Props$e {
+interface Props$a {
     disabled?: boolean;
     color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow';
     type?: 'button' | 'submit';
@@ -77,9 +64,9 @@ interface Props$e {
     size?: number;
     onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
 }
-declare const FunRoundButton: ({ onClick, disabled, type, children, color, active, className, size }: Props$e) => react_jsx_runtime.JSX.Element;
+declare const FunRoundButton: ({ onClick, disabled, type, children, color, active, className, size }: Props$a) => react_jsx_runtime.JSX.Element;
 
-type Props$d = {
+type Props$9 = {
     name: string;
     labelText: React__default.ReactNode;
     onChange?: (value: boolean) => void;
@@ -87,7 +74,7 @@ type Props$d = {
     isDisabled?: boolean;
 };
 declare const Checkbox: {
-    ({ name, labelText, isLarge, onChange, isDisabled }: Props$d): react_jsx_runtime.JSX.Element;
+    ({ name, labelText, isLarge, onChange, isDisabled }: Props$9): react_jsx_runtime.JSX.Element;
     Multi: ({ name, hasMultipleAnswers, index, isLarge, allOptionsName }: MultiChoiceCheckBoxProps) => react_jsx_runtime.JSX.Element;
 };
 type MultiChoiceCheckBoxProps = {
@@ -98,16 +85,16 @@ type MultiChoiceCheckBoxProps = {
     isLarge?: boolean;
 };
 
-type Props$c = {
+type Props$8 = {
     name: string;
     isLarge?: boolean;
     labelText?: string;
     option: string;
     onSelect?: () => void;
 };
-declare const RadioOption: ({ name, isLarge, labelText, option, onSelect }: Props$c) => react_jsx_runtime.JSX.Element;
+declare const RadioOption: ({ name, isLarge, labelText, option, onSelect }: Props$8) => react_jsx_runtime.JSX.Element;
 
-interface Props$b {
+interface Props$7 {
     title: string;
     cancelText?: string;
     isVisible: boolean;
@@ -123,34 +110,7 @@ interface Props$b {
     isDark?: boolean;
     children?: React__default.ReactNode;
 }
-declare const BAWrapper: React__default.FC<Props$b>;
-
-interface ContainerProps {
-    backgroundColor?: string;
-    backgroundImage?: string;
-    style?: React__default.CSSProperties;
-    onClick?: () => void;
-    isDark?: boolean;
-    children?: React__default.ReactNode;
-}
-declare const Container: React__default.FC<ContainerProps>;
-
-type Props$a = {
-    text: string;
-    style?: CSSProperties | undefined;
-    classNames?: string;
-};
-declare const ErrorText: ({ text, style, classNames }: Props$a) => react_jsx_runtime.JSX.Element;
-
-declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md  px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
-declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
-declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
-declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
-declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
-declare const tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
-declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
-declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
-declare const toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
+declare const BAWrapper: React__default.FC<Props$7>;
 
 type IconInfoProps = {
     content: string;
@@ -160,29 +120,19 @@ type IconInfoProps = {
 };
 declare const IconInfo: ({ content, icon, number, color }: IconInfoProps) => react_jsx_runtime.JSX.Element;
 
-type Props$9 = {
-    loading: boolean;
-    message?: string;
-};
-declare const NoResults: ({ loading, message }: Props$9) => react_jsx_runtime.JSX.Element;
-
-interface Props$8 {
+interface Props$6 {
     type?: 'error' | 'warning' | 'info';
     isDismissible?: boolean;
     onDismiss?: () => void;
     isVisible: boolean;
 }
-declare const NoticeBox: React__default.FC<Props$8 & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const NoticeBox: React__default.FC<Props$6 & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare const Pill: ({ text }: {
-    text: string;
-}) => react_jsx_runtime.JSX.Element;
-
-type Props$7 = {
+type Props$5 = {
     avgRating: number;
     large?: boolean;
 };
-declare const RatingStars: ({ avgRating, large }: Props$7) => react_jsx_runtime.JSX.Element;
+declare const RatingStars: ({ avgRating, large }: Props$5) => react_jsx_runtime.JSX.Element;
 
 interface SliderProps {
     min: number;
@@ -203,16 +153,6 @@ type DebouncedSliderProps = {
     initialValue: number;
 };
 
-type Step = {
-    label: ReactNode;
-};
-type Props$6 = {
-    steps: Step[];
-    activeStep: number;
-    onStepPress: (s: number) => void;
-};
-declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$6) => react_jsx_runtime.JSX.Element;
-
 interface TippyProps {
     children: ReactNode;
     content: ReactNode;
@@ -229,13 +169,13 @@ type FormikProps = {
     label: string;
     name: string;
 };
-type Props$5 = {
+type Props$4 = {
     label: string;
     onChange: (bool: boolean) => void;
     value: boolean;
 };
 declare const ToggleSwitch: {
-    ({ label, onChange, value }: Props$5): react_jsx_runtime.JSX.Element;
+    ({ label, onChange, value }: Props$4): react_jsx_runtime.JSX.Element;
     Formik: ({ label, name }: FormikProps) => react_jsx_runtime.JSX.Element;
 };
 
@@ -249,12 +189,6 @@ type ModeProps = {
 };
 declare const UserContentSwitcher: ({ icon1: Icon1, icon2: Icon2, setGalleryMode, galleryMode, title1, title2 }: ModeProps) => react_jsx_runtime.JSX.Element;
 
-type Props$4 = {
-    inProp: boolean;
-    children: React__default.ReactNode;
-};
-declare const Fade: ({ children, inProp }: Props$4) => react_jsx_runtime.JSX.Element;
-
 type ProgressBarProps = {
     progress: number;
     height?: number;
@@ -304,23 +238,6 @@ type Props = {
 };
 declare const OverlaySpinner: ({ visible }: Props) => React$1.ReactPortal | null;
 
-interface SpinnerProps {
-    size?: 'base' | 'small';
-    white?: boolean | string;
-    visible?: boolean | string;
-    isDark?: boolean;
-}
-declare const Spinner: {
-    ({ visible, size, white, isDark }: SpinnerProps): react_jsx_runtime.JSX.Element | null;
-    displayName: string;
-    Centered: {
-        (props: SpinnerProps): react_jsx_runtime.JSX.Element | null;
-        displayName: string;
-    };
-};
-
 declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
 
-declare const PRIMARY_COLOR = "#00b4d8";
-
-export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };
+export { AnimateLogo, BAWrapper as BottomAlert, Button, Checkbox, CircleProgress, CourseProgress, FunButton, FunRoundButton, IconInfo, Modal, NoticeBox, Overlay, OverlaySpinner, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Tippy, ToggleSwitch, UserContentSwitcher };