@eclass/ui-kit 1.7.0 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,8 +3,9 @@ import * as Type from './types';
3
3
  export declare const CourseBoxContext: React.Context<Partial<import("@eclass/api").AcademicBox>>;
4
4
  interface CourseBoxProps {
5
5
  data: Type.AcademicList;
6
+ modalPaymentText: Type.PaymentText;
6
7
  }
7
- export declare function CourseBox({ data }: CourseBoxProps): JSX.Element;
8
+ export declare function CourseBox({ data, modalPaymentText }: CourseBoxProps): JSX.Element;
8
9
  export declare namespace CourseBox {
9
10
  var displayName: string;
10
11
  }
@@ -10,7 +10,7 @@ export declare const wCourse = 17.8125;
10
10
  * Tener en cuenta el width del padre donde se pondra este componente, utilizar método maxWidthCoursesList
11
11
  * @see src/organisms/CourseList/maxWidthCoursesList.ts
12
12
  */
13
- export declare function CourseList({ courses, m, }: Type.WrapperCoursesProps): JSX.Element | null;
13
+ export declare function CourseList({ courses, modalPaymentText, m, }: Type.WrapperCoursesProps): JSX.Element | null;
14
14
  export declare namespace CourseList {
15
15
  var displayName: string;
16
16
  }
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- export declare function Footer(): JSX.Element | null;
2
+ import * as Type from '../types';
3
+ export declare function Footer({ modalPaymentText }: Type.FooterProps): JSX.Element | null;
3
4
  export declare namespace Footer {
4
5
  var displayName: string;
5
6
  }
@@ -1,8 +1,11 @@
1
1
  /// <reference types="react" />
2
+ import * as Type from '../../types';
2
3
  interface PaymentModalProps {
3
4
  isOpen: boolean;
5
+ onOpen: () => void;
4
6
  onClose: () => void;
5
7
  showOverlay: boolean;
8
+ modalPaymentText: Type.PaymentText;
6
9
  }
7
- export declare function PaymentModal({ isOpen, onClose, showOverlay, }: PaymentModalProps): JSX.Element | null;
10
+ export declare function PaymentModal({ isOpen, onOpen, onClose, showOverlay, modalPaymentText, }: PaymentModalProps): JSX.Element | null;
8
11
  export {};
@@ -2,7 +2,17 @@ import { AcademicBox } from '@eclass/api'
2
2
 
3
3
  export type AcademicList = AcademicBox
4
4
 
5
+ interface PaymentText {
6
+ title: string
7
+ body: string
8
+ }
9
+
5
10
  export interface WrapperCoursesProps {
6
11
  courses: AcademicList[]
7
12
  m?: string
13
+ modalPaymentText: PaymentText
14
+ }
15
+
16
+ export interface FooterProps {
17
+ modalPaymentText: PaymentText
8
18
  }
@@ -4,5 +4,42 @@ export declare const styles: {
4
4
  h: string;
5
5
  display: string;
6
6
  };
7
+ '.chakra-button': {
8
+ borderStyle: string;
9
+ };
10
+ '.chakra-modal__content-container': {
11
+ zIndex: string;
12
+ justifyContent: string;
13
+ alignItems: string;
14
+ overflow: string;
15
+ };
16
+ '.chakra-modal__content': {
17
+ borderRadius: string;
18
+ background: string;
19
+ color: string;
20
+ zIndex: string;
21
+ maxWidth: string;
22
+ };
23
+ '.chakra-modal__header': {
24
+ paddingInlineStart: string;
25
+ paddingInlineEnd: string;
26
+ fontSize: string;
27
+ fontWeight: string;
28
+ '.chakra-icon': {
29
+ width: string;
30
+ };
31
+ };
32
+ '.chakra-modal__close-btn': {
33
+ width: string;
34
+ height: string;
35
+ borderRadius: string;
36
+ fontSize: string;
37
+ position: string;
38
+ top: string;
39
+ right: string;
40
+ color: string;
41
+ backgroundColor: string;
42
+ borderStyle: string;
43
+ };
7
44
  };
8
45
  };