@elicecontents/content-ui 1.0.1-layoutupdate.0 → 1.0.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.
- package/cjs/components/layout/Layout.d.ts +3 -1
- package/cjs/components/layout/Layout.js +40 -30
- package/cjs/palettes/index.d.ts +2 -2
- package/cjs/palettes/index.js +4 -4
- package/cjs/palettes/type1.d.ts +2 -0
- package/cjs/palettes/{miraeN.js → type1.js} +2 -2
- package/cjs/palettes/type2.d.ts +2 -0
- package/cjs/palettes/{visang.js → type2.js} +2 -2
- package/cjs/palettes/types.d.ts +1 -1
- package/cjs/theme/AIDTTheme.js +6 -6
- package/cjs/theme/createAIDTTheme.d.ts +1 -1
- package/es/components/layout/Layout.d.ts +3 -1
- package/es/components/layout/Layout.js +40 -30
- package/es/palettes/index.d.ts +2 -2
- package/es/palettes/index.js +2 -2
- package/es/palettes/type1.d.ts +2 -0
- package/es/palettes/{miraeN.js → type1.js} +2 -2
- package/es/palettes/type2.d.ts +2 -0
- package/es/palettes/{visang.js → type2.js} +2 -2
- package/es/palettes/types.d.ts +1 -1
- package/es/theme/AIDTTheme.js +6 -6
- package/es/theme/createAIDTTheme.d.ts +1 -1
- package/package.json +1 -1
- package/cjs/palettes/miraeN.d.ts +0 -2
- package/cjs/palettes/visang.d.ts +0 -2
- package/es/palettes/miraeN.d.ts +0 -2
- package/es/palettes/visang.d.ts +0 -2
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface EliceLayoutProps {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
+
backgroundImage?: string;
|
|
5
|
+
backgroundColor?: string;
|
|
4
6
|
onPrev?: () => void;
|
|
5
7
|
onNext?: () => void;
|
|
6
8
|
allowPrev?: boolean;
|
|
7
9
|
allowNext?: boolean;
|
|
8
10
|
}
|
|
9
|
-
declare const EliceLayout: (({ children, onPrev, onNext, allowPrev, allowNext }: EliceLayoutProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
11
|
+
declare const EliceLayout: (({ children, onPrev, onNext, allowPrev, allowNext, backgroundImage, backgroundColor }: EliceLayoutProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
10
12
|
HeaderContainer: ({ children }: {
|
|
11
13
|
children: React.ReactNode;
|
|
12
14
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -24,10 +24,16 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
24
24
|
var EliceLayoutContext = React__default.default.createContext(undefined);
|
|
25
25
|
var MainContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
26
26
|
target: "efnp08i6"
|
|
27
|
-
})("width:100%;height:
|
|
27
|
+
})("width:100%;height:100vh;display:flex;flex-direction:column;padding:", function (_ref) {
|
|
28
28
|
var isMiniTablet = _ref.isMiniTablet;
|
|
29
29
|
return isMiniTablet ? "0 20px" : "0 40px";
|
|
30
|
-
}, ";box-sizing:border-box;position:relative;overflow-y:none;")
|
|
30
|
+
}, ";box-sizing:border-box;position:relative;overflow-y:none;background-image:", function (_ref2) {
|
|
31
|
+
var backgroundImage = _ref2.backgroundImage;
|
|
32
|
+
return backgroundImage ? "url(".concat(backgroundImage, ")") : "none";
|
|
33
|
+
}, ";background-size:cover;background-position:center;background-color:", function (_ref3) {
|
|
34
|
+
var backgroundColor = _ref3.backgroundColor;
|
|
35
|
+
return backgroundColor || "#fff";
|
|
36
|
+
}, ";");
|
|
31
37
|
var _HeaderContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
32
38
|
target: "efnp08i5"
|
|
33
39
|
})("production" === "production" ? {
|
|
@@ -50,26 +56,26 @@ var _FooterContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
|
50
56
|
});
|
|
51
57
|
var SubtitleContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
52
58
|
target: "efnp08i3"
|
|
53
|
-
})("height:80px;width:100%;padding:20px 40px;display:flex;background-color:", function (
|
|
54
|
-
var isSticky =
|
|
59
|
+
})("height:80px;width:100%;padding:20px 40px;display:flex;background-color:", function (_ref4) {
|
|
60
|
+
var isSticky = _ref4.isSticky;
|
|
55
61
|
return isSticky ? "#fff" : "none";
|
|
56
|
-
}, ";position:", function (
|
|
57
|
-
var isSticky =
|
|
62
|
+
}, ";position:", function (_ref5) {
|
|
63
|
+
var isSticky = _ref5.isSticky;
|
|
58
64
|
return isSticky ? "sticky" : "none";
|
|
59
|
-
}, ";top:", function (
|
|
60
|
-
var isSticky =
|
|
65
|
+
}, ";top:", function (_ref6) {
|
|
66
|
+
var isSticky = _ref6.isSticky;
|
|
61
67
|
return isSticky ? "0" : "auto";
|
|
62
|
-
}, ";left:0;z-index:10;transition:all 0.2s ease-in-out;box-shadow:", function (
|
|
63
|
-
var isSticky =
|
|
68
|
+
}, ";left:0;z-index:10;transition:all 0.2s ease-in-out;box-shadow:", function (_ref7) {
|
|
69
|
+
var isSticky = _ref7.isSticky;
|
|
64
70
|
return isSticky ? "0 2px 5px rgba(0, 0, 0, 0.1)" : "none";
|
|
65
71
|
}, ";");
|
|
66
72
|
var _ContentContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
67
73
|
target: "efnp08i2"
|
|
68
|
-
})("flex:1;width:100%;max-height:calc(100vh - 74px - 92px);overflow-y:auto;min-height:0;position:relative;&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-thumb{background-color:", function (
|
|
69
|
-
var theme =
|
|
74
|
+
})("flex:1;width:100%;max-height:calc(100vh - 74px - 92px);overflow-y:auto;min-height:0;position:relative;&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-thumb{background-color:", function (_ref8) {
|
|
75
|
+
var theme = _ref8.theme;
|
|
70
76
|
return theme.palette.primary.main;
|
|
71
|
-
}, ";border-radius:4px;}&::-webkit-scrollbar-track{background-color:", function (
|
|
72
|
-
var theme =
|
|
77
|
+
}, ";border-radius:4px;}&::-webkit-scrollbar-track{background-color:", function (_ref9) {
|
|
78
|
+
var theme = _ref9.theme;
|
|
73
79
|
return theme.palette.grey[300];
|
|
74
80
|
}, ";border-radius:4px;}");
|
|
75
81
|
var ScrollMoreButton = /*#__PURE__*/_styled__default.default(material.Button, {
|
|
@@ -92,12 +98,14 @@ var _Content = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
|
92
98
|
styles: "flex:1;width:100%;max-height:610px;min-height:0",
|
|
93
99
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
94
100
|
});
|
|
95
|
-
var EliceLayout = Object.assign(function (
|
|
96
|
-
var children =
|
|
97
|
-
onPrev =
|
|
98
|
-
onNext =
|
|
99
|
-
allowPrev =
|
|
100
|
-
allowNext =
|
|
101
|
+
var EliceLayout = Object.assign(function (_ref10) {
|
|
102
|
+
var children = _ref10.children,
|
|
103
|
+
onPrev = _ref10.onPrev,
|
|
104
|
+
onNext = _ref10.onNext,
|
|
105
|
+
allowPrev = _ref10.allowPrev,
|
|
106
|
+
allowNext = _ref10.allowNext,
|
|
107
|
+
backgroundImage = _ref10.backgroundImage,
|
|
108
|
+
backgroundColor = _ref10.backgroundColor;
|
|
101
109
|
var _useAIDTMediaQuery = useAIDTMediaQuery.default(),
|
|
102
110
|
isTablet = _useAIDTMediaQuery.isTablet,
|
|
103
111
|
isMiniTablet = _useAIDTMediaQuery.isMiniTablet;
|
|
@@ -112,6 +120,8 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
112
120
|
},
|
|
113
121
|
children: jsxRuntime.jsxs(MainContainer, {
|
|
114
122
|
isMiniTablet: isMiniTablet,
|
|
123
|
+
backgroundImage: backgroundImage,
|
|
124
|
+
backgroundColor: backgroundColor,
|
|
115
125
|
children: [!isTablet && jsxRuntime.jsx(LayoutPagination.default, {
|
|
116
126
|
onPrev: onPrev,
|
|
117
127
|
onNext: onNext,
|
|
@@ -121,16 +131,16 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
121
131
|
})
|
|
122
132
|
});
|
|
123
133
|
}, {
|
|
124
|
-
HeaderContainer: function HeaderContainer(
|
|
125
|
-
var children =
|
|
134
|
+
HeaderContainer: function HeaderContainer(_ref11) {
|
|
135
|
+
var children = _ref11.children;
|
|
126
136
|
return jsxRuntime.jsx(_HeaderContainer, {
|
|
127
137
|
children: children
|
|
128
138
|
});
|
|
129
139
|
},
|
|
130
140
|
HeaderTitle: LayoutHeaderTitle.default,
|
|
131
141
|
HeaderSubTitle: LayoutHeaderSubTitle.default,
|
|
132
|
-
Subtitle: function Subtitle(
|
|
133
|
-
var children =
|
|
142
|
+
Subtitle: function Subtitle(_ref12) {
|
|
143
|
+
var children = _ref12.children;
|
|
134
144
|
var context = React__default.default.useContext(EliceLayoutContext);
|
|
135
145
|
if (!context) {
|
|
136
146
|
throw new Error("EliceLayout components must be used within an EliceLayout provider.");
|
|
@@ -141,8 +151,8 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
141
151
|
children: children
|
|
142
152
|
});
|
|
143
153
|
},
|
|
144
|
-
ContentContainer: function ContentContainer(
|
|
145
|
-
var children =
|
|
154
|
+
ContentContainer: function ContentContainer(_ref13) {
|
|
155
|
+
var children = _ref13.children;
|
|
146
156
|
var theme = material.useTheme();
|
|
147
157
|
var contentRef = React__default.default.useRef(null);
|
|
148
158
|
var context = React__default.default.useContext(EliceLayoutContext);
|
|
@@ -180,8 +190,8 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
180
190
|
})]
|
|
181
191
|
});
|
|
182
192
|
},
|
|
183
|
-
Content: function Content(
|
|
184
|
-
var children =
|
|
193
|
+
Content: function Content(_ref14) {
|
|
194
|
+
var children = _ref14.children;
|
|
185
195
|
return jsxRuntime.jsx(_Content, {
|
|
186
196
|
children: jsxRuntime.jsx(material.Typography, {
|
|
187
197
|
variant: "body1",
|
|
@@ -189,8 +199,8 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
189
199
|
})
|
|
190
200
|
});
|
|
191
201
|
},
|
|
192
|
-
FooterContainer: function FooterContainer(
|
|
193
|
-
var children =
|
|
202
|
+
FooterContainer: function FooterContainer(_ref15) {
|
|
203
|
+
var children = _ref15.children;
|
|
194
204
|
return jsxRuntime.jsx(_FooterContainer, {
|
|
195
205
|
children: children
|
|
196
206
|
});
|
package/cjs/palettes/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from './eliceDefault';
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './
|
|
2
|
+
export * from './type1';
|
|
3
|
+
export * from './type2';
|
package/cjs/palettes/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var eliceDefault = require('./eliceDefault.js');
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var type1 = require('./type1.js');
|
|
5
|
+
var type2 = require('./type2.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
exports.elicePalettes = eliceDefault.elicePalettes;
|
|
10
|
-
exports.
|
|
11
|
-
exports.
|
|
10
|
+
exports.type1Palettes = type1.type1Palettes;
|
|
11
|
+
exports.type2Palettes = type2.type2Palettes;
|
|
@@ -10,7 +10,7 @@ var purple = require('../tokens/colors/purple.js');
|
|
|
10
10
|
var yellow = require('../tokens/colors/yellow.js');
|
|
11
11
|
var bluesky = require('../tokens/colors/bluesky.js');
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var type1Palettes = {
|
|
14
14
|
korean: {
|
|
15
15
|
elementary: {
|
|
16
16
|
primary: bluepurple.bluepurple[300],
|
|
@@ -151,4 +151,4 @@ var miraeNPalettes = {
|
|
|
151
151
|
}
|
|
152
152
|
};
|
|
153
153
|
|
|
154
|
-
exports.
|
|
154
|
+
exports.type1Palettes = type1Palettes;
|
|
@@ -10,7 +10,7 @@ var purple = require('../tokens/colors/purple.js');
|
|
|
10
10
|
var yellow = require('../tokens/colors/yellow.js');
|
|
11
11
|
var bluesky = require('../tokens/colors/bluesky.js');
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var type2Palettes = {
|
|
14
14
|
korean: {
|
|
15
15
|
elementary: {
|
|
16
16
|
primary: bluepurple.bluepurple[300],
|
|
@@ -151,4 +151,4 @@ var visangPalettes = {
|
|
|
151
151
|
}
|
|
152
152
|
};
|
|
153
153
|
|
|
154
|
-
exports.
|
|
154
|
+
exports.type2Palettes = type2Palettes;
|
package/cjs/palettes/types.d.ts
CHANGED
package/cjs/theme/AIDTTheme.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var eliceDefault = require('../palettes/eliceDefault.js');
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var type2 = require('../palettes/type2.js');
|
|
5
|
+
var type1 = require('../palettes/type1.js');
|
|
6
6
|
|
|
7
7
|
var getThemeColors = function getThemeColors(publisher, subject, level) {
|
|
8
8
|
var _a;
|
|
9
9
|
var AIDTThemeColors;
|
|
10
10
|
switch (publisher) {
|
|
11
|
-
case '
|
|
12
|
-
AIDTThemeColors =
|
|
11
|
+
case 'type1':
|
|
12
|
+
AIDTThemeColors = type1.type1Palettes;
|
|
13
13
|
break;
|
|
14
|
-
case '
|
|
15
|
-
AIDTThemeColors =
|
|
14
|
+
case 'type2':
|
|
15
|
+
AIDTThemeColors = type2.type2Palettes;
|
|
16
16
|
break;
|
|
17
17
|
default:
|
|
18
18
|
AIDTThemeColors = eliceDefault.elicePalettes;
|
|
@@ -21,7 +21,7 @@ export interface MuiPalette {
|
|
|
21
21
|
light: PaletteOptions;
|
|
22
22
|
dark: PaletteOptions;
|
|
23
23
|
}
|
|
24
|
-
export type AIDTPalettePublisher = 'elice' | '
|
|
24
|
+
export type AIDTPalettePublisher = 'elice' | 'type1' | 'type2';
|
|
25
25
|
export type AIDTPaletteSubject = 'korean' | 'computerScience' | 'english' | 'socialStudy' | 'math' | 'science';
|
|
26
26
|
export type AIDTPaletteLevel = 'elementary' | 'middle' | 'high';
|
|
27
27
|
export interface SurfaceColor {
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface EliceLayoutProps {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
+
backgroundImage?: string;
|
|
5
|
+
backgroundColor?: string;
|
|
4
6
|
onPrev?: () => void;
|
|
5
7
|
onNext?: () => void;
|
|
6
8
|
allowPrev?: boolean;
|
|
7
9
|
allowNext?: boolean;
|
|
8
10
|
}
|
|
9
|
-
declare const EliceLayout: (({ children, onPrev, onNext, allowPrev, allowNext }: EliceLayoutProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
11
|
+
declare const EliceLayout: (({ children, onPrev, onNext, allowPrev, allowNext, backgroundImage, backgroundColor }: EliceLayoutProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
10
12
|
HeaderContainer: ({ children }: {
|
|
11
13
|
children: React.ReactNode;
|
|
12
14
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,10 +15,16 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
15
15
|
var EliceLayoutContext = React.createContext(undefined);
|
|
16
16
|
var MainContainer = /*#__PURE__*/_styled(Stack, {
|
|
17
17
|
target: "efnp08i6"
|
|
18
|
-
})("width:100%;height:
|
|
18
|
+
})("width:100%;height:100vh;display:flex;flex-direction:column;padding:", function (_ref) {
|
|
19
19
|
var isMiniTablet = _ref.isMiniTablet;
|
|
20
20
|
return isMiniTablet ? "0 20px" : "0 40px";
|
|
21
|
-
}, ";box-sizing:border-box;position:relative;overflow-y:none;")
|
|
21
|
+
}, ";box-sizing:border-box;position:relative;overflow-y:none;background-image:", function (_ref2) {
|
|
22
|
+
var backgroundImage = _ref2.backgroundImage;
|
|
23
|
+
return backgroundImage ? "url(".concat(backgroundImage, ")") : "none";
|
|
24
|
+
}, ";background-size:cover;background-position:center;background-color:", function (_ref3) {
|
|
25
|
+
var backgroundColor = _ref3.backgroundColor;
|
|
26
|
+
return backgroundColor || "#fff";
|
|
27
|
+
}, ";");
|
|
22
28
|
var _HeaderContainer = /*#__PURE__*/_styled(Stack, {
|
|
23
29
|
target: "efnp08i5"
|
|
24
30
|
})("production" === "production" ? {
|
|
@@ -41,26 +47,26 @@ var _FooterContainer = /*#__PURE__*/_styled(Stack, {
|
|
|
41
47
|
});
|
|
42
48
|
var SubtitleContainer = /*#__PURE__*/_styled(Stack, {
|
|
43
49
|
target: "efnp08i3"
|
|
44
|
-
})("height:80px;width:100%;padding:20px 40px;display:flex;background-color:", function (
|
|
45
|
-
var isSticky =
|
|
50
|
+
})("height:80px;width:100%;padding:20px 40px;display:flex;background-color:", function (_ref4) {
|
|
51
|
+
var isSticky = _ref4.isSticky;
|
|
46
52
|
return isSticky ? "#fff" : "none";
|
|
47
|
-
}, ";position:", function (
|
|
48
|
-
var isSticky =
|
|
53
|
+
}, ";position:", function (_ref5) {
|
|
54
|
+
var isSticky = _ref5.isSticky;
|
|
49
55
|
return isSticky ? "sticky" : "none";
|
|
50
|
-
}, ";top:", function (
|
|
51
|
-
var isSticky =
|
|
56
|
+
}, ";top:", function (_ref6) {
|
|
57
|
+
var isSticky = _ref6.isSticky;
|
|
52
58
|
return isSticky ? "0" : "auto";
|
|
53
|
-
}, ";left:0;z-index:10;transition:all 0.2s ease-in-out;box-shadow:", function (
|
|
54
|
-
var isSticky =
|
|
59
|
+
}, ";left:0;z-index:10;transition:all 0.2s ease-in-out;box-shadow:", function (_ref7) {
|
|
60
|
+
var isSticky = _ref7.isSticky;
|
|
55
61
|
return isSticky ? "0 2px 5px rgba(0, 0, 0, 0.1)" : "none";
|
|
56
62
|
}, ";");
|
|
57
63
|
var _ContentContainer = /*#__PURE__*/_styled(Stack, {
|
|
58
64
|
target: "efnp08i2"
|
|
59
|
-
})("flex:1;width:100%;max-height:calc(100vh - 74px - 92px);overflow-y:auto;min-height:0;position:relative;&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-thumb{background-color:", function (
|
|
60
|
-
var theme =
|
|
65
|
+
})("flex:1;width:100%;max-height:calc(100vh - 74px - 92px);overflow-y:auto;min-height:0;position:relative;&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-thumb{background-color:", function (_ref8) {
|
|
66
|
+
var theme = _ref8.theme;
|
|
61
67
|
return theme.palette.primary.main;
|
|
62
|
-
}, ";border-radius:4px;}&::-webkit-scrollbar-track{background-color:", function (
|
|
63
|
-
var theme =
|
|
68
|
+
}, ";border-radius:4px;}&::-webkit-scrollbar-track{background-color:", function (_ref9) {
|
|
69
|
+
var theme = _ref9.theme;
|
|
64
70
|
return theme.palette.grey[300];
|
|
65
71
|
}, ";border-radius:4px;}");
|
|
66
72
|
var ScrollMoreButton = /*#__PURE__*/_styled(Button, {
|
|
@@ -83,12 +89,14 @@ var _Content = /*#__PURE__*/_styled(Stack, {
|
|
|
83
89
|
styles: "flex:1;width:100%;max-height:610px;min-height:0",
|
|
84
90
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
85
91
|
});
|
|
86
|
-
var EliceLayout = Object.assign(function (
|
|
87
|
-
var children =
|
|
88
|
-
onPrev =
|
|
89
|
-
onNext =
|
|
90
|
-
allowPrev =
|
|
91
|
-
allowNext =
|
|
92
|
+
var EliceLayout = Object.assign(function (_ref10) {
|
|
93
|
+
var children = _ref10.children,
|
|
94
|
+
onPrev = _ref10.onPrev,
|
|
95
|
+
onNext = _ref10.onNext,
|
|
96
|
+
allowPrev = _ref10.allowPrev,
|
|
97
|
+
allowNext = _ref10.allowNext,
|
|
98
|
+
backgroundImage = _ref10.backgroundImage,
|
|
99
|
+
backgroundColor = _ref10.backgroundColor;
|
|
92
100
|
var _useAIDTMediaQuery = useAIDTMediaQuery(),
|
|
93
101
|
isTablet = _useAIDTMediaQuery.isTablet,
|
|
94
102
|
isMiniTablet = _useAIDTMediaQuery.isMiniTablet;
|
|
@@ -103,6 +111,8 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
103
111
|
},
|
|
104
112
|
children: jsxs(MainContainer, {
|
|
105
113
|
isMiniTablet: isMiniTablet,
|
|
114
|
+
backgroundImage: backgroundImage,
|
|
115
|
+
backgroundColor: backgroundColor,
|
|
106
116
|
children: [!isTablet && jsx(LayoutPagination, {
|
|
107
117
|
onPrev: onPrev,
|
|
108
118
|
onNext: onNext,
|
|
@@ -112,16 +122,16 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
112
122
|
})
|
|
113
123
|
});
|
|
114
124
|
}, {
|
|
115
|
-
HeaderContainer: function HeaderContainer(
|
|
116
|
-
var children =
|
|
125
|
+
HeaderContainer: function HeaderContainer(_ref11) {
|
|
126
|
+
var children = _ref11.children;
|
|
117
127
|
return jsx(_HeaderContainer, {
|
|
118
128
|
children: children
|
|
119
129
|
});
|
|
120
130
|
},
|
|
121
131
|
HeaderTitle: LayoutHeaderTitle,
|
|
122
132
|
HeaderSubTitle: LayoutHeaderSubTitle,
|
|
123
|
-
Subtitle: function Subtitle(
|
|
124
|
-
var children =
|
|
133
|
+
Subtitle: function Subtitle(_ref12) {
|
|
134
|
+
var children = _ref12.children;
|
|
125
135
|
var context = React.useContext(EliceLayoutContext);
|
|
126
136
|
if (!context) {
|
|
127
137
|
throw new Error("EliceLayout components must be used within an EliceLayout provider.");
|
|
@@ -132,8 +142,8 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
132
142
|
children: children
|
|
133
143
|
});
|
|
134
144
|
},
|
|
135
|
-
ContentContainer: function ContentContainer(
|
|
136
|
-
var children =
|
|
145
|
+
ContentContainer: function ContentContainer(_ref13) {
|
|
146
|
+
var children = _ref13.children;
|
|
137
147
|
var theme = useTheme();
|
|
138
148
|
var contentRef = React.useRef(null);
|
|
139
149
|
var context = React.useContext(EliceLayoutContext);
|
|
@@ -171,8 +181,8 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
171
181
|
})]
|
|
172
182
|
});
|
|
173
183
|
},
|
|
174
|
-
Content: function Content(
|
|
175
|
-
var children =
|
|
184
|
+
Content: function Content(_ref14) {
|
|
185
|
+
var children = _ref14.children;
|
|
176
186
|
return jsx(_Content, {
|
|
177
187
|
children: jsx(Typography, {
|
|
178
188
|
variant: "body1",
|
|
@@ -180,8 +190,8 @@ var EliceLayout = Object.assign(function (_ref8) {
|
|
|
180
190
|
})
|
|
181
191
|
});
|
|
182
192
|
},
|
|
183
|
-
FooterContainer: function FooterContainer(
|
|
184
|
-
var children =
|
|
193
|
+
FooterContainer: function FooterContainer(_ref15) {
|
|
194
|
+
var children = _ref15.children;
|
|
185
195
|
return jsx(_FooterContainer, {
|
|
186
196
|
children: children
|
|
187
197
|
});
|
package/es/palettes/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from './eliceDefault';
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './
|
|
2
|
+
export * from './type1';
|
|
3
|
+
export * from './type2';
|
package/es/palettes/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { elicePalettes } from './eliceDefault.js';
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
2
|
+
export { type1Palettes } from './type1.js';
|
|
3
|
+
export { type2Palettes } from './type2.js';
|
|
@@ -8,7 +8,7 @@ import { green } from '../tokens/colors/green.js';
|
|
|
8
8
|
import { purple } from '../tokens/colors/purple.js';
|
|
9
9
|
import { bluesky } from '../tokens/colors/bluesky.js';
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var type1Palettes = {
|
|
12
12
|
korean: {
|
|
13
13
|
elementary: {
|
|
14
14
|
primary: bluepurple[300],
|
|
@@ -149,4 +149,4 @@ var miraeNPalettes = {
|
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
151
|
|
|
152
|
-
export {
|
|
152
|
+
export { type1Palettes };
|
|
@@ -8,7 +8,7 @@ import { green } from '../tokens/colors/green.js';
|
|
|
8
8
|
import { purple } from '../tokens/colors/purple.js';
|
|
9
9
|
import { bluesky } from '../tokens/colors/bluesky.js';
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var type2Palettes = {
|
|
12
12
|
korean: {
|
|
13
13
|
elementary: {
|
|
14
14
|
primary: bluepurple[300],
|
|
@@ -149,4 +149,4 @@ var visangPalettes = {
|
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
151
|
|
|
152
|
-
export {
|
|
152
|
+
export { type2Palettes };
|
package/es/palettes/types.d.ts
CHANGED
package/es/theme/AIDTTheme.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { elicePalettes } from '../palettes/eliceDefault.js';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { type2Palettes } from '../palettes/type2.js';
|
|
3
|
+
import { type1Palettes } from '../palettes/type1.js';
|
|
4
4
|
|
|
5
5
|
var getThemeColors = function getThemeColors(publisher, subject, level) {
|
|
6
6
|
var _a;
|
|
7
7
|
var AIDTThemeColors;
|
|
8
8
|
switch (publisher) {
|
|
9
|
-
case '
|
|
10
|
-
AIDTThemeColors =
|
|
9
|
+
case 'type1':
|
|
10
|
+
AIDTThemeColors = type1Palettes;
|
|
11
11
|
break;
|
|
12
|
-
case '
|
|
13
|
-
AIDTThemeColors =
|
|
12
|
+
case 'type2':
|
|
13
|
+
AIDTThemeColors = type2Palettes;
|
|
14
14
|
break;
|
|
15
15
|
default:
|
|
16
16
|
AIDTThemeColors = elicePalettes;
|
|
@@ -21,7 +21,7 @@ export interface MuiPalette {
|
|
|
21
21
|
light: PaletteOptions;
|
|
22
22
|
dark: PaletteOptions;
|
|
23
23
|
}
|
|
24
|
-
export type AIDTPalettePublisher = 'elice' | '
|
|
24
|
+
export type AIDTPalettePublisher = 'elice' | 'type1' | 'type2';
|
|
25
25
|
export type AIDTPaletteSubject = 'korean' | 'computerScience' | 'english' | 'socialStudy' | 'math' | 'science';
|
|
26
26
|
export type AIDTPaletteLevel = 'elementary' | 'middle' | 'high';
|
|
27
27
|
export interface SurfaceColor {
|
package/package.json
CHANGED
package/cjs/palettes/miraeN.d.ts
DELETED
package/cjs/palettes/visang.d.ts
DELETED
package/es/palettes/miraeN.d.ts
DELETED
package/es/palettes/visang.d.ts
DELETED