@elicecontents/content-ui 0.0.0

package/es/icons/Send.js

@@ -0,0 +1,27 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Send = function Send(_a) {
+  var _a$size = _a.size,
+    size = _a$size === void 0 ? 20 : _a$size,
+    _a$color = _a.color,
+    color = _a$color === void 0 ? 'currentColor' : _a$color,
+    other = __rest(_a, ["size", "color"]);
+  return jsxs("svg", Object.assign({
+    width: size,
+    height: size,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, other, {
+    children: [jsx("path", {
+      d: "M8.76785 11.8481C8.61075 11.8481 8.45366 11.7865 8.33352 11.6664C8.09325 11.4261 8.09325 11.0349 8.33352 10.7947L17.1125 2.01565C17.3528 1.77538 17.744 1.77538 17.9843 2.01565C18.2245 2.25592 18.2245 2.64712 17.9843 2.88739L9.20526 11.6664C9.08513 11.7865 8.92803 11.8481 8.77093 11.8481H8.76785Z",
+      fill: color
+    }), jsx("path", {
+      d: "M11.9869 18.625C11.2476 18.625 10.613 18.1784 10.3728 17.4884L8.41364 11.8667C8.36744 11.7312 8.26579 11.6326 8.13025 11.5833L2.5086 9.6242C1.8186 9.38393 1.37195 8.74938 1.37195 8.01009C1.37195 7.21536 1.88329 6.5038 2.64106 6.23889L16.3086 1.47974C16.9586 1.25487 17.6547 1.40581 18.126 1.87402C18.5973 2.34532 18.7482 3.04148 18.5203 3.69143L13.7581 17.3559C13.4932 18.1167 12.7816 18.625 11.9869 18.625ZM16.5119 2.05884L16.7152 2.64103L3.05074 7.40634C2.72422 7.52032 2.60717 7.80371 2.60717 8.01317C2.60717 8.13947 2.64722 8.36741 2.91829 8.46291L8.53994 10.422C9.02972 10.5914 9.4086 10.9734 9.5811 11.4632L11.5402 17.0848C11.6357 17.3559 11.8636 17.3959 11.9899 17.3959C12.1994 17.3959 12.4828 17.2789 12.5968 16.9524L17.359 3.28791C17.4607 2.99527 17.322 2.81353 17.2573 2.74884C17.1927 2.68416 17.0109 2.54554 16.7183 2.64719L16.515 2.065L16.5119 2.05884Z",
+      fill: color
+    })]
+  }));
+};
+
+export { Send as default };

package/es/icons/UnselectedCheckbox.d.ts

@@ -0,0 +1,4 @@
+declare const UnselectedCheckbox: ({ color }: {
+    color: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UnselectedCheckbox;

package/es/icons/UnselectedCheckbox.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+
+var UnselectedCheckbox = function UnselectedCheckbox(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color;
+  return jsx("svg", {
+    width: "22",
+    height: "23",
+    viewBox: "0 0 22 23",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M15.125 4.625H6.875C5.35622 4.625 4.125 5.85622 4.125 7.375V15.625C4.125 17.1438 5.35622 18.375 6.875 18.375H15.125C16.6438 18.375 17.875 17.1438 17.875 15.625V7.375C17.875 5.85622 16.6438 4.625 15.125 4.625ZM6.875 3.25C4.59683 3.25 2.75 5.09683 2.75 7.375V15.625C2.75 17.9032 4.59683 19.75 6.875 19.75H15.125C17.4032 19.75 19.25 17.9032 19.25 15.625V7.375C19.25 5.09683 17.4032 3.25 15.125 3.25H6.875Z",
+      fill: color
+    })
+  });
+};
+
+export { UnselectedCheckbox as default };

package/es/icons/UnselectedRadio.d.ts

@@ -0,0 +1,4 @@
+declare const UnselectedRadio: ({ color }: {
+    color: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UnselectedRadio;

package/es/icons/UnselectedRadio.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+
+var UnselectedRadio = function UnselectedRadio(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color;
+  return jsx("svg", {
+    width: "22",
+    height: "23",
+    viewBox: "0 0 22 23",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: jsx("path", {
+      d: "M20.1667 11.5002C20.1667 6.43755 16.0627 2.3335 11 2.3335C5.93743 2.3335 1.83337 6.43755 1.83337 11.5002C1.83337 16.5628 5.93743 20.6668 11 20.6668C16.0627 20.6668 20.1667 16.5628 20.1667 11.5002ZM3.43754 11.5002C3.43754 7.32351 6.82339 3.93766 11 3.93766C15.1767 3.93766 18.5625 7.32351 18.5625 11.5002C18.5625 15.6768 15.1767 19.0627 11 19.0627C6.82339 19.0627 3.43754 15.6768 3.43754 11.5002Z",
+      fill: color
+    })
+  });
+};
+
+export { UnselectedRadio as default };

package/es/icons/index.d.ts

@@ -0,0 +1,10 @@
+export { default as ArrowLeft } from './ArrowLeft';
+export { default as ArrowRight } from './ArrowRight';
+export { default as Close } from './Close';
+export { default as Micro } from './Micro';
+export { default as Reset } from './Reset';
+export { default as SelectedCheckbox } from './SelectedCheckbox';
+export { default as SelectedRadio } from './SelectedRadio';
+export { default as UnselectedCheckbox } from './UnselectedCheckbox';
+export { default as UnselectedRadio } from './UnselectedRadio';
+export { default as Send } from './Send';

package/es/icons/index.js

@@ -0,0 +1,10 @@
+export { default as ArrowLeft } from './ArrowLeft.js';
+export { default as ArrowRight } from './ArrowRight.js';
+export { default as Close } from './Close.js';
+export { default as Micro } from './Micro.js';
+export { default as Reset } from './Reset.js';
+export { default as SelectedCheckbox } from './SelectedCheckbox.js';
+export { default as SelectedRadio } from './SelectedRadio.js';
+export { default as UnselectedCheckbox } from './UnselectedCheckbox.js';
+export { default as UnselectedRadio } from './UnselectedRadio.js';
+export { default as Send } from './Send.js';

package/es/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './theme';
+export * from './tokens';

package/es/index.js

@@ -0,0 +1,30 @@
+export { default as EliceAIFeedback } from './components/AI-feedback/AIFeedback.js';
+export { default as EliceBadge } from './components/badge/Badge.js';
+export { default as EliceButton } from './components/button/Button.js';
+export { default as EliceChat } from './components/chat/Chat.js';
+export { default as EliceDialog } from './components/dialog/Dialog.js';
+export { default as EliceDottedPagination } from './components/dotted-pagination/DottedPagination.js';
+export { default as EliceLayout } from './components/layout/Layout.js';
+export { default as EliceQuestion } from './components/question/Question.js';
+export { default as EliceSelection } from './components/selection/Selection.js';
+export { default as EliceIconButton } from './components/icon-button/IconButton.js';
+export { default as EliceAnswerFeedback } from './components/answer-feedback/AnswerFeedback.js';
+export { default as EliceTable } from './components/table/Table.js';
+export { default as EliceTextarea } from './components/textarea/Textarea.js';
+export { default as EliceTooltip } from './components/tooltip/Tooltip.js';
+export { default as AIDTTypography } from './components/AIDTTypography/AIDTTypography.js';
+export { default as EliceImage } from './components/AdaptiveImage/AdaptiveImage.js';
+export { createAIDTTheme } from './theme/createAIDTTheme.js';
+export { mint } from './tokens/colors/mint.js';
+export { bluepurple } from './tokens/colors/bluepurple.js';
+export { gray } from './tokens/colors/gray.js';
+export { green } from './tokens/colors/green.js';
+export { orange } from './tokens/colors/orange.js';
+export { pink } from './tokens/colors/pink.js';
+export { purple } from './tokens/colors/purple.js';
+export { yellow } from './tokens/colors/yellow.js';
+export { bluesky } from './tokens/colors/bluesky.js';
+export { common } from './tokens/colors/common.js';
+export { breakpoints } from './tokens/breakpoints/breakpoints.js';
+import * as index from './tokens/colors/index.js';
+export { index as colors };

package/es/palettes/_typing.d.ts

@@ -0,0 +1,9 @@
+import type { PaletteOptions } from '@mui/material';
+export interface MuiPalette {
+    light: PaletteOptions;
+    dark: PaletteOptions;
+}
+export type ElicePaletteName = 'purple' | 'blue' | 'material';
+export interface SurfaceColor {
+    border: string;
+}

package/es/palettes/eliceDefault.d.ts

@@ -0,0 +1,2 @@
+import type { PublisherSubjects } from './types';
+export declare const elicePalettes: PublisherSubjects;

package/es/palettes/eliceDefault.js

@@ -0,0 +1,152 @@
+import { mint } from '../tokens/colors/mint.js';
+import { bluepurple } from '../tokens/colors/bluepurple.js';
+import { gray } from '../tokens/colors/gray.js';
+import { yellow } from '../tokens/colors/yellow.js';
+import { pink } from '../tokens/colors/pink.js';
+import { orange } from '../tokens/colors/orange.js';
+import { green } from '../tokens/colors/green.js';
+import { purple } from '../tokens/colors/purple.js';
+import { bluesky } from '../tokens/colors/bluesky.js';
+
+var elicePalettes = {
+  korean: {
+    elementary: {
+      primary: bluepurple[300],
+      background: bluesky[500],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    },
+    middle: {
+      primary: bluepurple[500],
+      background: gray[400],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: bluepurple[900],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    }
+  },
+  computerScience: {
+    elementary: {
+      primary: purple[300],
+      background: bluesky[500],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    },
+    middle: {
+      primary: purple[500],
+      background: gray[400],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: purple[900],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    }
+  },
+  english: {
+    elementary: {
+      primary: green[300],
+      background: yellow[500],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    },
+    middle: {
+      primary: green[500],
+      background: gray[400],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: green[900],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    }
+  },
+  socialStudy: {
+    elementary: {
+      primary: orange[300],
+      background: yellow[500],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    },
+    middle: {
+      primary: orange[500],
+      background: gray[400],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: orange[900],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    }
+  },
+  math: {
+    elementary: {
+      primary: pink[300],
+      background: yellow[500],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    },
+    middle: {
+      primary: pink[500],
+      background: gray[400],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: pink[900],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    }
+  },
+  science: {
+    elementary: {
+      primary: mint[300],
+      background: yellow[500],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    },
+    middle: {
+      primary: mint[500],
+      background: gray[400],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: mint[900],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    }
+  }
+};
+
+export { elicePalettes };

package/es/palettes/index.d.ts

@@ -0,0 +1,3 @@
+export * from './eliceDefault';
+export * from './visang';
+export * from './miraeN';

package/es/palettes/index.js

@@ -0,0 +1,3 @@
+export { elicePalettes } from './eliceDefault.js';
+export { visangPalettes } from './visang.js';
+export { miraeNPalettes } from './miraeN.js';

package/es/palettes/miraeN.d.ts

@@ -0,0 +1,2 @@
+import type { PublisherSubjects } from './types';
+export declare const miraeNPalettes: PublisherSubjects;

package/es/palettes/miraeN.js

@@ -0,0 +1,152 @@
+import { mint } from '../tokens/colors/mint.js';
+import { bluepurple } from '../tokens/colors/bluepurple.js';
+import { gray } from '../tokens/colors/gray.js';
+import { yellow } from '../tokens/colors/yellow.js';
+import { pink } from '../tokens/colors/pink.js';
+import { orange } from '../tokens/colors/orange.js';
+import { green } from '../tokens/colors/green.js';
+import { purple } from '../tokens/colors/purple.js';
+import { bluesky } from '../tokens/colors/bluesky.js';
+
+var miraeNPalettes = {
+  korean: {
+    elementary: {
+      primary: bluepurple[300],
+      background: bluesky[500],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    },
+    middle: {
+      primary: bluepurple[500],
+      background: gray[400],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: bluepurple[900],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    }
+  },
+  computerScience: {
+    elementary: {
+      primary: purple[300],
+      background: bluesky[500],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    },
+    middle: {
+      primary: purple[500],
+      background: gray[400],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: purple[900],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    }
+  },
+  english: {
+    elementary: {
+      primary: green[300],
+      background: yellow[500],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    },
+    middle: {
+      primary: green[500],
+      background: gray[400],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: green[900],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    }
+  },
+  socialStudy: {
+    elementary: {
+      primary: orange[300],
+      background: yellow[500],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    },
+    middle: {
+      primary: orange[500],
+      background: gray[400],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: orange[900],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    }
+  },
+  math: {
+    elementary: {
+      primary: pink[300],
+      background: yellow[500],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    },
+    middle: {
+      primary: pink[500],
+      background: gray[400],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: pink[900],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    }
+  },
+  science: {
+    elementary: {
+      primary: mint[300],
+      background: yellow[500],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    },
+    middle: {
+      primary: mint[500],
+      background: gray[400],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: mint[900],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    }
+  }
+};
+
+export { miraeNPalettes };

package/es/palettes/types.d.ts

@@ -0,0 +1,21 @@
+export interface ThemeColor {
+    primary: string;
+    background: string;
+    secondary: string;
+    black: string;
+    light: string;
+}
+export interface SubjectLevels {
+    elementary: ThemeColor;
+    middle: ThemeColor;
+    high: ThemeColor;
+}
+export interface PublisherSubjects {
+    korean: SubjectLevels;
+    math: SubjectLevels;
+    computerScience: SubjectLevels;
+    english: SubjectLevels;
+    science: SubjectLevels;
+    socialStudy: SubjectLevels;
+}
+export type Publisher = 'elice' | 'visang' | 'miraeN';

package/es/palettes/visang.d.ts

@@ -0,0 +1,2 @@
+import type { PublisherSubjects } from './types';
+export declare const visangPalettes: PublisherSubjects;

package/es/palettes/visang.js

@@ -0,0 +1,152 @@
+import { mint } from '../tokens/colors/mint.js';
+import { bluepurple } from '../tokens/colors/bluepurple.js';
+import { gray } from '../tokens/colors/gray.js';
+import { yellow } from '../tokens/colors/yellow.js';
+import { pink } from '../tokens/colors/pink.js';
+import { orange } from '../tokens/colors/orange.js';
+import { green } from '../tokens/colors/green.js';
+import { purple } from '../tokens/colors/purple.js';
+import { bluesky } from '../tokens/colors/bluesky.js';
+
+var visangPalettes = {
+  korean: {
+    elementary: {
+      primary: bluepurple[300],
+      background: bluesky[500],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    },
+    middle: {
+      primary: bluepurple[500],
+      background: gray[400],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: bluepurple[900],
+      secondary: bluepurple[900],
+      black: bluepurple[0],
+      light: bluepurple[50]
+    }
+  },
+  computerScience: {
+    elementary: {
+      primary: purple[300],
+      background: bluesky[500],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    },
+    middle: {
+      primary: purple[500],
+      background: gray[400],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: purple[900],
+      secondary: purple[900],
+      black: purple[0],
+      light: purple[50]
+    }
+  },
+  english: {
+    elementary: {
+      primary: green[300],
+      background: yellow[500],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    },
+    middle: {
+      primary: green[500],
+      background: gray[400],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: green[900],
+      secondary: green[900],
+      black: green[0],
+      light: green[50]
+    }
+  },
+  socialStudy: {
+    elementary: {
+      primary: orange[300],
+      background: yellow[500],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    },
+    middle: {
+      primary: orange[500],
+      background: gray[400],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: orange[900],
+      secondary: orange[900],
+      black: orange[0],
+      light: orange[50]
+    }
+  },
+  math: {
+    elementary: {
+      primary: pink[300],
+      background: yellow[500],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    },
+    middle: {
+      primary: pink[500],
+      background: gray[400],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: pink[900],
+      secondary: pink[900],
+      black: pink[0],
+      light: pink[50]
+    }
+  },
+  science: {
+    elementary: {
+      primary: mint[300],
+      background: yellow[500],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    },
+    middle: {
+      primary: mint[500],
+      background: gray[400],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    },
+    high: {
+      primary: bluepurple[0],
+      background: mint[900],
+      secondary: mint[900],
+      black: mint[0],
+      light: mint[50]
+    }
+  }
+};
+
+export { visangPalettes };

package/es/theme/AIDTTheme.d.ts

@@ -0,0 +1,3 @@
+import type { Publisher, PublisherSubjects, SubjectLevels, ThemeColor } from '../palettes/types';
+declare const getThemeColors: (publisher: Publisher, subject: keyof PublisherSubjects, level: keyof SubjectLevels) => ThemeColor;
+export { getThemeColors };

package/es/theme/AIDTTheme.js

@@ -0,0 +1,27 @@
+import { elicePalettes } from '../palettes/eliceDefault.js';
+import { miraeNPalettes } from '../palettes/miraeN.js';
+import { visangPalettes } from '../palettes/visang.js';
+
+var getThemeColors = function getThemeColors(publisher, subject, level) {
+  var _a;
+  var AIDTThemeColors;
+  switch (publisher) {
+    case 'visang':
+      AIDTThemeColors = visangPalettes;
+      break;
+    case 'miraeN':
+      AIDTThemeColors = miraeNPalettes;
+      break;
+    default:
+      AIDTThemeColors = elicePalettes;
+  }
+  return ((_a = AIDTThemeColors[subject]) === null || _a === void 0 ? void 0 : _a[level]) || {
+    primary: '#000000',
+    background: '#FFFFFF',
+    secondary: '#555555',
+    black: '#132234',
+    light: '#E2E2E2'
+  };
+};
+
+export { getThemeColors };