@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.
@@ -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:calc(100vh - 112px);display:flex;flex-direction:column;padding:", function (_ref) {
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 (_ref2) {
54
- var isSticky = _ref2.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 (_ref3) {
57
- var isSticky = _ref3.isSticky;
62
+ }, ";position:", function (_ref5) {
63
+ var isSticky = _ref5.isSticky;
58
64
  return isSticky ? "sticky" : "none";
59
- }, ";top:", function (_ref4) {
60
- var isSticky = _ref4.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 (_ref5) {
63
- var isSticky = _ref5.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 (_ref6) {
69
- var theme = _ref6.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 (_ref7) {
72
- var theme = _ref7.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 (_ref8) {
96
- var children = _ref8.children,
97
- onPrev = _ref8.onPrev,
98
- onNext = _ref8.onNext,
99
- allowPrev = _ref8.allowPrev,
100
- allowNext = _ref8.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(_ref9) {
125
- var children = _ref9.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(_ref10) {
133
- var children = _ref10.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(_ref11) {
145
- var children = _ref11.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(_ref12) {
184
- var children = _ref12.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(_ref13) {
193
- var children = _ref13.children;
202
+ FooterContainer: function FooterContainer(_ref15) {
203
+ var children = _ref15.children;
194
204
  return jsxRuntime.jsx(_FooterContainer, {
195
205
  children: children
196
206
  });
@@ -1,3 +1,3 @@
1
1
  export * from './eliceDefault';
2
- export * from './visang';
3
- export * from './miraeN';
2
+ export * from './type1';
3
+ export * from './type2';
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
3
  var eliceDefault = require('./eliceDefault.js');
4
- var visang = require('./visang.js');
5
- var miraeN = require('./miraeN.js');
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.visangPalettes = visang.visangPalettes;
11
- exports.miraeNPalettes = miraeN.miraeNPalettes;
10
+ exports.type1Palettes = type1.type1Palettes;
11
+ exports.type2Palettes = type2.type2Palettes;
@@ -0,0 +1,2 @@
1
+ import type { PublisherSubjects } from './types';
2
+ export declare const type1Palettes: PublisherSubjects;
@@ -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 miraeNPalettes = {
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.miraeNPalettes = miraeNPalettes;
154
+ exports.type1Palettes = type1Palettes;
@@ -0,0 +1,2 @@
1
+ import type { PublisherSubjects } from './types';
2
+ export declare const type2Palettes: PublisherSubjects;
@@ -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 visangPalettes = {
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.visangPalettes = visangPalettes;
154
+ exports.type2Palettes = type2Palettes;
@@ -18,4 +18,4 @@ export interface PublisherSubjects {
18
18
  science: SubjectLevels;
19
19
  socialStudy: SubjectLevels;
20
20
  }
21
- export type Publisher = 'elice' | 'visang' | 'miraeN';
21
+ export type Publisher = 'elice' | 'type1' | 'type2';
@@ -1,18 +1,18 @@
1
1
  'use strict';
2
2
 
3
3
  var eliceDefault = require('../palettes/eliceDefault.js');
4
- var miraeN = require('../palettes/miraeN.js');
5
- var visang = require('../palettes/visang.js');
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 'visang':
12
- AIDTThemeColors = visang.visangPalettes;
11
+ case 'type1':
12
+ AIDTThemeColors = type1.type1Palettes;
13
13
  break;
14
- case 'miraeN':
15
- AIDTThemeColors = miraeN.miraeNPalettes;
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' | 'visang' | 'miraeN';
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:calc(100vh - 112px);display:flex;flex-direction:column;padding:", function (_ref) {
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 (_ref2) {
45
- var isSticky = _ref2.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 (_ref3) {
48
- var isSticky = _ref3.isSticky;
53
+ }, ";position:", function (_ref5) {
54
+ var isSticky = _ref5.isSticky;
49
55
  return isSticky ? "sticky" : "none";
50
- }, ";top:", function (_ref4) {
51
- var isSticky = _ref4.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 (_ref5) {
54
- var isSticky = _ref5.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 (_ref6) {
60
- var theme = _ref6.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 (_ref7) {
63
- var theme = _ref7.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 (_ref8) {
87
- var children = _ref8.children,
88
- onPrev = _ref8.onPrev,
89
- onNext = _ref8.onNext,
90
- allowPrev = _ref8.allowPrev,
91
- allowNext = _ref8.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(_ref9) {
116
- var children = _ref9.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(_ref10) {
124
- var children = _ref10.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(_ref11) {
136
- var children = _ref11.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(_ref12) {
175
- var children = _ref12.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(_ref13) {
184
- var children = _ref13.children;
193
+ FooterContainer: function FooterContainer(_ref15) {
194
+ var children = _ref15.children;
185
195
  return jsx(_FooterContainer, {
186
196
  children: children
187
197
  });
@@ -1,3 +1,3 @@
1
1
  export * from './eliceDefault';
2
- export * from './visang';
3
- export * from './miraeN';
2
+ export * from './type1';
3
+ export * from './type2';
@@ -1,3 +1,3 @@
1
1
  export { elicePalettes } from './eliceDefault.js';
2
- export { visangPalettes } from './visang.js';
3
- export { miraeNPalettes } from './miraeN.js';
2
+ export { type1Palettes } from './type1.js';
3
+ export { type2Palettes } from './type2.js';
@@ -0,0 +1,2 @@
1
+ import type { PublisherSubjects } from './types';
2
+ export declare const type1Palettes: PublisherSubjects;
@@ -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 miraeNPalettes = {
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 { miraeNPalettes };
152
+ export { type1Palettes };
@@ -0,0 +1,2 @@
1
+ import type { PublisherSubjects } from './types';
2
+ export declare const type2Palettes: PublisherSubjects;
@@ -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 visangPalettes = {
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 { visangPalettes };
152
+ export { type2Palettes };
@@ -18,4 +18,4 @@ export interface PublisherSubjects {
18
18
  science: SubjectLevels;
19
19
  socialStudy: SubjectLevels;
20
20
  }
21
- export type Publisher = 'elice' | 'visang' | 'miraeN';
21
+ export type Publisher = 'elice' | 'type1' | 'type2';
@@ -1,16 +1,16 @@
1
1
  import { elicePalettes } from '../palettes/eliceDefault.js';
2
- import { miraeNPalettes } from '../palettes/miraeN.js';
3
- import { visangPalettes } from '../palettes/visang.js';
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 'visang':
10
- AIDTThemeColors = visangPalettes;
9
+ case 'type1':
10
+ AIDTThemeColors = type1Palettes;
11
11
  break;
12
- case 'miraeN':
13
- AIDTThemeColors = miraeNPalettes;
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' | 'visang' | 'miraeN';
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elicecontents/content-ui",
3
- "version": "1.0.1-layoutupdate.0",
3
+ "version": "1.0.1",
4
4
  "description": "A set of UI components for creating content of Elice",
5
5
  "author": "Elice <contact@elice.io>",
6
6
  "license": "UNLICENSED",
@@ -1,2 +0,0 @@
1
- import type { PublisherSubjects } from './types';
2
- export declare const miraeNPalettes: PublisherSubjects;
@@ -1,2 +0,0 @@
1
- import type { PublisherSubjects } from './types';
2
- export declare const visangPalettes: PublisherSubjects;
@@ -1,2 +0,0 @@
1
- import type { PublisherSubjects } from './types';
2
- export declare const miraeNPalettes: PublisherSubjects;
@@ -1,2 +0,0 @@
1
- import type { PublisherSubjects } from './types';
2
- export declare const visangPalettes: PublisherSubjects;