@elicecontents/content-ui 1.0.3-alpha.0 → 1.0.3
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.js +53 -47
- 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.js +53 -47
- 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
|
@@ -27,11 +27,17 @@ var MainContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
|
27
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;
|
|
30
|
+
}, ";box-sizing:border-box;position:relative;background-image:", function (_ref2) {
|
|
31
31
|
var backgroundImage = _ref2.backgroundImage;
|
|
32
32
|
return backgroundImage ? "url(".concat(backgroundImage, ")") : "none";
|
|
33
33
|
}, ";background-size:cover;background-position:center;background-color:", function (_ref3) {
|
|
34
34
|
var backgroundColor = _ref3.backgroundColor;
|
|
35
|
+
return backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : "#fff";
|
|
36
|
+
}, ";overflow-y:hidden;background-image:", function (_ref4) {
|
|
37
|
+
var backgroundImage = _ref4.backgroundImage;
|
|
38
|
+
return backgroundImage ? "url(".concat(backgroundImage, ")") : "none";
|
|
39
|
+
}, ";background-size:cover;background-position:center;background-color:", function (_ref5) {
|
|
40
|
+
var backgroundColor = _ref5.backgroundColor;
|
|
35
41
|
return backgroundColor || "#fff";
|
|
36
42
|
}, ";");
|
|
37
43
|
var _HeaderContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
@@ -56,32 +62,32 @@ var _FooterContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
|
56
62
|
});
|
|
57
63
|
var SubtitleContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
58
64
|
target: "efnp08i3"
|
|
59
|
-
})("height:80px;width:100%;padding:20px 40px;display:flex;align-items:", function (
|
|
60
|
-
var alignment =
|
|
65
|
+
})("height:80px;width:100%;padding:20px 40px;display:flex;align-items:", function (_ref6) {
|
|
66
|
+
var alignment = _ref6.alignment;
|
|
61
67
|
return alignment;
|
|
62
|
-
}, ";justify-content:", function (
|
|
63
|
-
var justifyContent =
|
|
68
|
+
}, ";justify-content:", function (_ref7) {
|
|
69
|
+
var justifyContent = _ref7.justifyContent;
|
|
64
70
|
return justifyContent;
|
|
65
|
-
}, ";background-color:", function (
|
|
66
|
-
var isSticky =
|
|
71
|
+
}, ";background-color:", function (_ref8) {
|
|
72
|
+
var isSticky = _ref8.isSticky;
|
|
67
73
|
return isSticky ? "#fff" : "none";
|
|
68
|
-
}, ";position:", function (
|
|
69
|
-
var isSticky =
|
|
74
|
+
}, ";position:", function (_ref9) {
|
|
75
|
+
var isSticky = _ref9.isSticky;
|
|
70
76
|
return isSticky ? "sticky" : "relative";
|
|
71
|
-
}, ";top:", function (
|
|
72
|
-
var isSticky =
|
|
77
|
+
}, ";top:", function (_ref10) {
|
|
78
|
+
var isSticky = _ref10.isSticky;
|
|
73
79
|
return isSticky ? "0" : "auto";
|
|
74
|
-
}, ";left:0;z-index:10;transition:all 0.2s ease-in-out;box-shadow:", function (
|
|
75
|
-
var isSticky =
|
|
80
|
+
}, ";left:0;z-index:10;transition:all 0.2s ease-in-out;box-shadow:", function (_ref11) {
|
|
81
|
+
var isSticky = _ref11.isSticky;
|
|
76
82
|
return isSticky ? "0 2px 5px rgba(0, 0, 0, 0.1)" : "none";
|
|
77
83
|
}, ";");
|
|
78
84
|
var _ContentContainer = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
79
85
|
target: "efnp08i2"
|
|
80
|
-
})("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 (
|
|
81
|
-
var theme =
|
|
86
|
+
})("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 (_ref12) {
|
|
87
|
+
var theme = _ref12.theme;
|
|
82
88
|
return theme.palette.primary.main;
|
|
83
|
-
}, ";border-radius:4px;}&::-webkit-scrollbar-track{background-color:", function (
|
|
84
|
-
var theme =
|
|
89
|
+
}, ";border-radius:4px;}&::-webkit-scrollbar-track{background-color:", function (_ref13) {
|
|
90
|
+
var theme = _ref13.theme;
|
|
85
91
|
return theme.palette.grey[300];
|
|
86
92
|
}, ";border-radius:4px;}");
|
|
87
93
|
var ScrollMoreButton = /*#__PURE__*/_styled__default.default(material.Button, {
|
|
@@ -96,21 +102,21 @@ var ScrollMoreButton = /*#__PURE__*/_styled__default.default(material.Button, {
|
|
|
96
102
|
});
|
|
97
103
|
var _Content = /*#__PURE__*/_styled__default.default(material.Stack, {
|
|
98
104
|
target: "efnp08i0"
|
|
99
|
-
})("flex:1;width:100%;min-height:0;text-align:", function (
|
|
100
|
-
var alignment =
|
|
105
|
+
})("flex:1;width:100%;min-height:0;text-align:", function (_ref14) {
|
|
106
|
+
var alignment = _ref14.alignment;
|
|
101
107
|
return alignment;
|
|
102
|
-
}, ";justify-content:", function (
|
|
103
|
-
var justifyContent =
|
|
108
|
+
}, ";justify-content:", function (_ref15) {
|
|
109
|
+
var justifyContent = _ref15.justifyContent;
|
|
104
110
|
return justifyContent;
|
|
105
111
|
}, ";");
|
|
106
|
-
var EliceLayout = Object.assign(function (
|
|
107
|
-
var children =
|
|
108
|
-
onPrev =
|
|
109
|
-
onNext =
|
|
110
|
-
allowPrev =
|
|
111
|
-
allowNext =
|
|
112
|
-
backgroundImage =
|
|
113
|
-
backgroundColor =
|
|
112
|
+
var EliceLayout = Object.assign(function (_ref16) {
|
|
113
|
+
var children = _ref16.children,
|
|
114
|
+
onPrev = _ref16.onPrev,
|
|
115
|
+
onNext = _ref16.onNext,
|
|
116
|
+
allowPrev = _ref16.allowPrev,
|
|
117
|
+
allowNext = _ref16.allowNext,
|
|
118
|
+
backgroundImage = _ref16.backgroundImage,
|
|
119
|
+
backgroundColor = _ref16.backgroundColor;
|
|
114
120
|
var _useAIDTMediaQuery = useAIDTMediaQuery.default(),
|
|
115
121
|
isTablet = _useAIDTMediaQuery.isTablet,
|
|
116
122
|
isMiniTablet = _useAIDTMediaQuery.isMiniTablet;
|
|
@@ -136,16 +142,16 @@ var EliceLayout = Object.assign(function (_ref14) {
|
|
|
136
142
|
})
|
|
137
143
|
});
|
|
138
144
|
}, {
|
|
139
|
-
HeaderContainer: function HeaderContainer(
|
|
140
|
-
var children =
|
|
145
|
+
HeaderContainer: function HeaderContainer(_ref17) {
|
|
146
|
+
var children = _ref17.children;
|
|
141
147
|
return jsxRuntime.jsx(_HeaderContainer, {
|
|
142
148
|
children: children
|
|
143
149
|
});
|
|
144
150
|
},
|
|
145
151
|
HeaderTitle: LayoutHeaderTitle.default,
|
|
146
152
|
HeaderSubTitle: LayoutHeaderSubTitle.default,
|
|
147
|
-
ContentContainer: function ContentContainer(
|
|
148
|
-
var children =
|
|
153
|
+
ContentContainer: function ContentContainer(_ref18) {
|
|
154
|
+
var children = _ref18.children;
|
|
149
155
|
var theme = material.useTheme();
|
|
150
156
|
var contentRef = React__default.default.useRef(null);
|
|
151
157
|
var context = React__default.default.useContext(EliceLayoutContext);
|
|
@@ -196,12 +202,12 @@ var EliceLayout = Object.assign(function (_ref14) {
|
|
|
196
202
|
})]
|
|
197
203
|
});
|
|
198
204
|
},
|
|
199
|
-
Subtitle: function Subtitle(
|
|
200
|
-
var children =
|
|
201
|
-
|
|
202
|
-
alignment =
|
|
203
|
-
|
|
204
|
-
justifyContent =
|
|
205
|
+
Subtitle: function Subtitle(_ref19) {
|
|
206
|
+
var children = _ref19.children,
|
|
207
|
+
_ref19$alignment = _ref19.alignment,
|
|
208
|
+
alignment = _ref19$alignment === void 0 ? "left" : _ref19$alignment,
|
|
209
|
+
_ref19$justifyContent = _ref19.justifyContent,
|
|
210
|
+
justifyContent = _ref19$justifyContent === void 0 ? "flex-start" : _ref19$justifyContent;
|
|
205
211
|
var context = React__default.default.useContext(EliceLayoutContext);
|
|
206
212
|
if (!context) {
|
|
207
213
|
throw new Error("EliceLayout components must be used within an EliceLayout provider.");
|
|
@@ -214,12 +220,12 @@ var EliceLayout = Object.assign(function (_ref14) {
|
|
|
214
220
|
children: children
|
|
215
221
|
});
|
|
216
222
|
},
|
|
217
|
-
Content: function Content(
|
|
218
|
-
var children =
|
|
219
|
-
|
|
220
|
-
alignment =
|
|
221
|
-
|
|
222
|
-
justifyContent =
|
|
223
|
+
Content: function Content(_ref20) {
|
|
224
|
+
var children = _ref20.children,
|
|
225
|
+
_ref20$alignment = _ref20.alignment,
|
|
226
|
+
alignment = _ref20$alignment === void 0 ? "left" : _ref20$alignment,
|
|
227
|
+
_ref20$justifyContent = _ref20.justifyContent,
|
|
228
|
+
justifyContent = _ref20$justifyContent === void 0 ? "flex-start" : _ref20$justifyContent;
|
|
223
229
|
return jsxRuntime.jsx(_Content, {
|
|
224
230
|
alignment: alignment,
|
|
225
231
|
justifyContent: justifyContent,
|
|
@@ -229,8 +235,8 @@ var EliceLayout = Object.assign(function (_ref14) {
|
|
|
229
235
|
})
|
|
230
236
|
});
|
|
231
237
|
},
|
|
232
|
-
FooterContainer: function FooterContainer(
|
|
233
|
-
var children =
|
|
238
|
+
FooterContainer: function FooterContainer(_ref21) {
|
|
239
|
+
var children = _ref21.children;
|
|
234
240
|
return jsxRuntime.jsx(_FooterContainer, {
|
|
235
241
|
children: children
|
|
236
242
|
});
|
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 {
|
|
@@ -18,11 +18,17 @@ var MainContainer = /*#__PURE__*/_styled(Stack, {
|
|
|
18
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;
|
|
21
|
+
}, ";box-sizing:border-box;position:relative;background-image:", function (_ref2) {
|
|
22
22
|
var backgroundImage = _ref2.backgroundImage;
|
|
23
23
|
return backgroundImage ? "url(".concat(backgroundImage, ")") : "none";
|
|
24
24
|
}, ";background-size:cover;background-position:center;background-color:", function (_ref3) {
|
|
25
25
|
var backgroundColor = _ref3.backgroundColor;
|
|
26
|
+
return backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : "#fff";
|
|
27
|
+
}, ";overflow-y:hidden;background-image:", function (_ref4) {
|
|
28
|
+
var backgroundImage = _ref4.backgroundImage;
|
|
29
|
+
return backgroundImage ? "url(".concat(backgroundImage, ")") : "none";
|
|
30
|
+
}, ";background-size:cover;background-position:center;background-color:", function (_ref5) {
|
|
31
|
+
var backgroundColor = _ref5.backgroundColor;
|
|
26
32
|
return backgroundColor || "#fff";
|
|
27
33
|
}, ";");
|
|
28
34
|
var _HeaderContainer = /*#__PURE__*/_styled(Stack, {
|
|
@@ -47,32 +53,32 @@ var _FooterContainer = /*#__PURE__*/_styled(Stack, {
|
|
|
47
53
|
});
|
|
48
54
|
var SubtitleContainer = /*#__PURE__*/_styled(Stack, {
|
|
49
55
|
target: "efnp08i3"
|
|
50
|
-
})("height:80px;width:100%;padding:20px 40px;display:flex;align-items:", function (
|
|
51
|
-
var alignment =
|
|
56
|
+
})("height:80px;width:100%;padding:20px 40px;display:flex;align-items:", function (_ref6) {
|
|
57
|
+
var alignment = _ref6.alignment;
|
|
52
58
|
return alignment;
|
|
53
|
-
}, ";justify-content:", function (
|
|
54
|
-
var justifyContent =
|
|
59
|
+
}, ";justify-content:", function (_ref7) {
|
|
60
|
+
var justifyContent = _ref7.justifyContent;
|
|
55
61
|
return justifyContent;
|
|
56
|
-
}, ";background-color:", function (
|
|
57
|
-
var isSticky =
|
|
62
|
+
}, ";background-color:", function (_ref8) {
|
|
63
|
+
var isSticky = _ref8.isSticky;
|
|
58
64
|
return isSticky ? "#fff" : "none";
|
|
59
|
-
}, ";position:", function (
|
|
60
|
-
var isSticky =
|
|
65
|
+
}, ";position:", function (_ref9) {
|
|
66
|
+
var isSticky = _ref9.isSticky;
|
|
61
67
|
return isSticky ? "sticky" : "relative";
|
|
62
|
-
}, ";top:", function (
|
|
63
|
-
var isSticky =
|
|
68
|
+
}, ";top:", function (_ref10) {
|
|
69
|
+
var isSticky = _ref10.isSticky;
|
|
64
70
|
return isSticky ? "0" : "auto";
|
|
65
|
-
}, ";left:0;z-index:10;transition:all 0.2s ease-in-out;box-shadow:", function (
|
|
66
|
-
var isSticky =
|
|
71
|
+
}, ";left:0;z-index:10;transition:all 0.2s ease-in-out;box-shadow:", function (_ref11) {
|
|
72
|
+
var isSticky = _ref11.isSticky;
|
|
67
73
|
return isSticky ? "0 2px 5px rgba(0, 0, 0, 0.1)" : "none";
|
|
68
74
|
}, ";");
|
|
69
75
|
var _ContentContainer = /*#__PURE__*/_styled(Stack, {
|
|
70
76
|
target: "efnp08i2"
|
|
71
|
-
})("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 (
|
|
72
|
-
var theme =
|
|
77
|
+
})("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 (_ref12) {
|
|
78
|
+
var theme = _ref12.theme;
|
|
73
79
|
return theme.palette.primary.main;
|
|
74
|
-
}, ";border-radius:4px;}&::-webkit-scrollbar-track{background-color:", function (
|
|
75
|
-
var theme =
|
|
80
|
+
}, ";border-radius:4px;}&::-webkit-scrollbar-track{background-color:", function (_ref13) {
|
|
81
|
+
var theme = _ref13.theme;
|
|
76
82
|
return theme.palette.grey[300];
|
|
77
83
|
}, ";border-radius:4px;}");
|
|
78
84
|
var ScrollMoreButton = /*#__PURE__*/_styled(Button, {
|
|
@@ -87,21 +93,21 @@ var ScrollMoreButton = /*#__PURE__*/_styled(Button, {
|
|
|
87
93
|
});
|
|
88
94
|
var _Content = /*#__PURE__*/_styled(Stack, {
|
|
89
95
|
target: "efnp08i0"
|
|
90
|
-
})("flex:1;width:100%;min-height:0;text-align:", function (
|
|
91
|
-
var alignment =
|
|
96
|
+
})("flex:1;width:100%;min-height:0;text-align:", function (_ref14) {
|
|
97
|
+
var alignment = _ref14.alignment;
|
|
92
98
|
return alignment;
|
|
93
|
-
}, ";justify-content:", function (
|
|
94
|
-
var justifyContent =
|
|
99
|
+
}, ";justify-content:", function (_ref15) {
|
|
100
|
+
var justifyContent = _ref15.justifyContent;
|
|
95
101
|
return justifyContent;
|
|
96
102
|
}, ";");
|
|
97
|
-
var EliceLayout = Object.assign(function (
|
|
98
|
-
var children =
|
|
99
|
-
onPrev =
|
|
100
|
-
onNext =
|
|
101
|
-
allowPrev =
|
|
102
|
-
allowNext =
|
|
103
|
-
backgroundImage =
|
|
104
|
-
backgroundColor =
|
|
103
|
+
var EliceLayout = Object.assign(function (_ref16) {
|
|
104
|
+
var children = _ref16.children,
|
|
105
|
+
onPrev = _ref16.onPrev,
|
|
106
|
+
onNext = _ref16.onNext,
|
|
107
|
+
allowPrev = _ref16.allowPrev,
|
|
108
|
+
allowNext = _ref16.allowNext,
|
|
109
|
+
backgroundImage = _ref16.backgroundImage,
|
|
110
|
+
backgroundColor = _ref16.backgroundColor;
|
|
105
111
|
var _useAIDTMediaQuery = useAIDTMediaQuery(),
|
|
106
112
|
isTablet = _useAIDTMediaQuery.isTablet,
|
|
107
113
|
isMiniTablet = _useAIDTMediaQuery.isMiniTablet;
|
|
@@ -127,16 +133,16 @@ var EliceLayout = Object.assign(function (_ref14) {
|
|
|
127
133
|
})
|
|
128
134
|
});
|
|
129
135
|
}, {
|
|
130
|
-
HeaderContainer: function HeaderContainer(
|
|
131
|
-
var children =
|
|
136
|
+
HeaderContainer: function HeaderContainer(_ref17) {
|
|
137
|
+
var children = _ref17.children;
|
|
132
138
|
return jsx(_HeaderContainer, {
|
|
133
139
|
children: children
|
|
134
140
|
});
|
|
135
141
|
},
|
|
136
142
|
HeaderTitle: LayoutHeaderTitle,
|
|
137
143
|
HeaderSubTitle: LayoutHeaderSubTitle,
|
|
138
|
-
ContentContainer: function ContentContainer(
|
|
139
|
-
var children =
|
|
144
|
+
ContentContainer: function ContentContainer(_ref18) {
|
|
145
|
+
var children = _ref18.children;
|
|
140
146
|
var theme = useTheme();
|
|
141
147
|
var contentRef = React.useRef(null);
|
|
142
148
|
var context = React.useContext(EliceLayoutContext);
|
|
@@ -187,12 +193,12 @@ var EliceLayout = Object.assign(function (_ref14) {
|
|
|
187
193
|
})]
|
|
188
194
|
});
|
|
189
195
|
},
|
|
190
|
-
Subtitle: function Subtitle(
|
|
191
|
-
var children =
|
|
192
|
-
|
|
193
|
-
alignment =
|
|
194
|
-
|
|
195
|
-
justifyContent =
|
|
196
|
+
Subtitle: function Subtitle(_ref19) {
|
|
197
|
+
var children = _ref19.children,
|
|
198
|
+
_ref19$alignment = _ref19.alignment,
|
|
199
|
+
alignment = _ref19$alignment === void 0 ? "left" : _ref19$alignment,
|
|
200
|
+
_ref19$justifyContent = _ref19.justifyContent,
|
|
201
|
+
justifyContent = _ref19$justifyContent === void 0 ? "flex-start" : _ref19$justifyContent;
|
|
196
202
|
var context = React.useContext(EliceLayoutContext);
|
|
197
203
|
if (!context) {
|
|
198
204
|
throw new Error("EliceLayout components must be used within an EliceLayout provider.");
|
|
@@ -205,12 +211,12 @@ var EliceLayout = Object.assign(function (_ref14) {
|
|
|
205
211
|
children: children
|
|
206
212
|
});
|
|
207
213
|
},
|
|
208
|
-
Content: function Content(
|
|
209
|
-
var children =
|
|
210
|
-
|
|
211
|
-
alignment =
|
|
212
|
-
|
|
213
|
-
justifyContent =
|
|
214
|
+
Content: function Content(_ref20) {
|
|
215
|
+
var children = _ref20.children,
|
|
216
|
+
_ref20$alignment = _ref20.alignment,
|
|
217
|
+
alignment = _ref20$alignment === void 0 ? "left" : _ref20$alignment,
|
|
218
|
+
_ref20$justifyContent = _ref20.justifyContent,
|
|
219
|
+
justifyContent = _ref20$justifyContent === void 0 ? "flex-start" : _ref20$justifyContent;
|
|
214
220
|
return jsx(_Content, {
|
|
215
221
|
alignment: alignment,
|
|
216
222
|
justifyContent: justifyContent,
|
|
@@ -220,8 +226,8 @@ var EliceLayout = Object.assign(function (_ref14) {
|
|
|
220
226
|
})
|
|
221
227
|
});
|
|
222
228
|
},
|
|
223
|
-
FooterContainer: function FooterContainer(
|
|
224
|
-
var children =
|
|
229
|
+
FooterContainer: function FooterContainer(_ref21) {
|
|
230
|
+
var children = _ref21.children;
|
|
225
231
|
return jsx(_FooterContainer, {
|
|
226
232
|
children: children
|
|
227
233
|
});
|
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