@typeolymp/ui-components 3.0.18 → 3.0.20
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.
- package/build/components/atoms/Button/index.d.ts +1 -1
- package/build/components/atoms/Icon/index.d.ts +1 -1
- package/build/index.es.js +38 -0
- package/build/index.es.js.map +1 -1
- package/build/index.js +38 -0
- package/build/index.js.map +1 -1
- package/build/utils/theme/types.d.ts +4 -3
- package/package.json +2 -2
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { PropsType as IconPropsType } from "../Icon";
|
|
3
3
|
export declare type PropsType = {
|
|
4
4
|
label: string | JSX.Element;
|
|
5
|
-
color?: "blue" | "green" | "red" | "white";
|
|
5
|
+
color?: "blue" | "green" | "darkGreen" | "red" | "purple" | "white";
|
|
6
6
|
size?: "small" | "medium";
|
|
7
7
|
fluid?: boolean;
|
|
8
8
|
disabled?: boolean;
|
|
@@ -2,7 +2,7 @@ import { FC } from "react";
|
|
|
2
2
|
export declare type PropsType = {
|
|
3
3
|
type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "unlock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload" | "dotsVertical" | "dotsHorizontal" | "bell" | "bin" | "user" | "search" | "infoCircle" | "swap" | "login" | "logout" | "edit" | "archive" | "unarchive" | "keyboard";
|
|
4
4
|
size?: "tiny" | "small" | "medium" | "large";
|
|
5
|
-
color?: "blue" | "green" | "darkGreen" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
|
|
5
|
+
color?: "blue" | "green" | "darkGreen" | "orange" | "yellow" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
|
|
6
6
|
onClick?(e?: MouseEvent): void;
|
|
7
7
|
};
|
|
8
8
|
declare const Icon: FC<PropsType>;
|
package/build/index.es.js
CHANGED
|
@@ -46,6 +46,12 @@ var theme = {
|
|
|
46
46
|
// dark: "#319D60",
|
|
47
47
|
// darker: "#257648",
|
|
48
48
|
},
|
|
49
|
+
darkGreen: {
|
|
50
|
+
light: "#6AEBC0",
|
|
51
|
+
base: "#00906C",
|
|
52
|
+
dark: "#007C60",
|
|
53
|
+
darker: "#045041",
|
|
54
|
+
},
|
|
49
55
|
purple: {
|
|
50
56
|
light: "#9870ff",
|
|
51
57
|
base: "#6f0fff",
|
|
@@ -3524,6 +3530,8 @@ var Wrapper$a = styled.div(templateObject_1$W || (templateObject_1$W = __makeTem
|
|
|
3524
3530
|
return theme.colors.purple.base;
|
|
3525
3531
|
case "white":
|
|
3526
3532
|
return theme.colors.lightGray.light;
|
|
3533
|
+
case "yellow":
|
|
3534
|
+
return theme.colors.yellow.light;
|
|
3527
3535
|
}
|
|
3528
3536
|
}, function (_a) {
|
|
3529
3537
|
var onClick = _a.onClick;
|
|
@@ -3554,6 +3562,8 @@ var Wrapper$a = styled.div(templateObject_1$W || (templateObject_1$W = __makeTem
|
|
|
3554
3562
|
return theme.colors.purple.dark;
|
|
3555
3563
|
case "white":
|
|
3556
3564
|
return theme.colors.lightGray.base;
|
|
3565
|
+
case "yellow":
|
|
3566
|
+
return theme.colors.yellow.base;
|
|
3557
3567
|
}
|
|
3558
3568
|
});
|
|
3559
3569
|
var templateObject_1$W;
|
|
@@ -3625,6 +3635,10 @@ var StyledButton = styled.button(templateObject_1$V || (templateObject_1$V = __m
|
|
|
3625
3635
|
return theme.colors.blue.base;
|
|
3626
3636
|
case "green":
|
|
3627
3637
|
return theme.colors.green.base;
|
|
3638
|
+
case "darkGreen":
|
|
3639
|
+
return theme.colors.darkGreen.base;
|
|
3640
|
+
case "purple":
|
|
3641
|
+
return theme.colors.purple.base;
|
|
3628
3642
|
case "red":
|
|
3629
3643
|
return theme.colors.red.base;
|
|
3630
3644
|
case "white":
|
|
@@ -3638,6 +3652,10 @@ var StyledButton = styled.button(templateObject_1$V || (templateObject_1$V = __m
|
|
|
3638
3652
|
return "inset 0 -3px 0 ".concat(theme.colors.blue.dark);
|
|
3639
3653
|
case "green":
|
|
3640
3654
|
return "inset 0 -3px 0 ".concat(theme.colors.green.dark);
|
|
3655
|
+
case "darkGreen":
|
|
3656
|
+
return "inset 0 -3px 0 ".concat(theme.colors.darkGreen.darker);
|
|
3657
|
+
case "purple":
|
|
3658
|
+
return "inset 0 -3px 0 ".concat(theme.colors.purple.darker);
|
|
3641
3659
|
case "red":
|
|
3642
3660
|
return "inset 0 -3px 0 ".concat(theme.colors.red.dark);
|
|
3643
3661
|
case "white":
|
|
@@ -3652,6 +3670,7 @@ var StyledButton = styled.button(templateObject_1$V || (templateObject_1$V = __m
|
|
|
3652
3670
|
default:
|
|
3653
3671
|
case "blue":
|
|
3654
3672
|
case "red":
|
|
3673
|
+
case "darkGreen":
|
|
3655
3674
|
return theme.colors.lightGray.light;
|
|
3656
3675
|
case "green":
|
|
3657
3676
|
return theme.colors.green.darker;
|
|
@@ -3838,6 +3857,7 @@ exports.Color = void 0;
|
|
|
3838
3857
|
Color["YELLOW"] = "yellow";
|
|
3839
3858
|
Color["BLUE"] = "blue";
|
|
3840
3859
|
Color["GREEN"] = "green";
|
|
3860
|
+
Color["DARK_GREEN"] = "darkGreen";
|
|
3841
3861
|
Color["PURPLE"] = "purple";
|
|
3842
3862
|
Color["PINK"] = "pink";
|
|
3843
3863
|
Color["ORANGE"] = "orange";
|
|
@@ -4026,6 +4046,8 @@ exports.NotificationType = void 0;
|
|
|
4026
4046
|
(function (NotificationType) {
|
|
4027
4047
|
NotificationType["STUDENT_UPGRADE_REQUEST"] = "studentUpgradeRequest";
|
|
4028
4048
|
NotificationType["STUDENT_RESET_PASSWORD_REQUEST"] = "studentResetPasswordRequest";
|
|
4049
|
+
NotificationType["STUDENT_COMPLETED_CHAPTER"] = "studentCompletedChapter";
|
|
4050
|
+
NotificationType["STUDENT_EXAM_RESULT"] = "studentExamResult";
|
|
4029
4051
|
NotificationType["TUTOR_INVITE"] = "tutorInvite";
|
|
4030
4052
|
})(exports.NotificationType || (exports.NotificationType = {}));
|
|
4031
4053
|
|
|
@@ -4062,6 +4084,21 @@ exports.TextTopic = void 0;
|
|
|
4062
4084
|
|
|
4063
4085
|
}(TextTopic));
|
|
4064
4086
|
|
|
4087
|
+
var TutorEmailPreference = {};
|
|
4088
|
+
|
|
4089
|
+
(function (exports) {
|
|
4090
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4091
|
+
exports.TutorEmailPreference = void 0;
|
|
4092
|
+
(function (TutorEmailPreference) {
|
|
4093
|
+
TutorEmailPreference["STUDENT_UPGRADE_REQUEST"] = "studentUpgradeRequest";
|
|
4094
|
+
TutorEmailPreference["STUDENT_RESET_PASSWORD_REQUEST"] = "studentResetPasswordRequest";
|
|
4095
|
+
TutorEmailPreference["STUDENT_COMPLETED_CHAPTER"] = "studentCompletedChapter";
|
|
4096
|
+
TutorEmailPreference["STUDENT_EXAM_RESULT"] = "studentExamResult";
|
|
4097
|
+
TutorEmailPreference["CLASSROOM_INVITATION"] = "classroomInvitation";
|
|
4098
|
+
})(exports.TutorEmailPreference || (exports.TutorEmailPreference = {}));
|
|
4099
|
+
|
|
4100
|
+
}(TutorEmailPreference));
|
|
4101
|
+
|
|
4065
4102
|
(function (exports) {
|
|
4066
4103
|
var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4067
4104
|
if (k2 === undefined) k2 = k;
|
|
@@ -4094,6 +4131,7 @@ __exportStar(NodeEnv, exports);
|
|
|
4094
4131
|
__exportStar(NotificationType, exports);
|
|
4095
4132
|
__exportStar(Plan, exports);
|
|
4096
4133
|
__exportStar(TextTopic, exports);
|
|
4134
|
+
__exportStar(TutorEmailPreference, exports);
|
|
4097
4135
|
|
|
4098
4136
|
}(enums));
|
|
4099
4137
|
|