@elicecontents/content-ui 0.0.0

package/es/typography/typography.js

@@ -0,0 +1,182 @@
+import { defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { TYPOGRAPHY_FONT_FAMILY_NAMES } from './typographyFontFamily.js';
+
+var createAIDTTypography = function createAIDTTypography(fontFamily) {
+  return {
+    fontFamily: TYPOGRAPHY_FONT_FAMILY_NAMES[fontFamily] || TYPOGRAPHY_FONT_FAMILY_NAMES['pretendard'],
+    '@font-face': [{
+      fontFamily: 'Pretendard',
+      fontStyle: 'normal',
+      fontWeight: 900,
+      fontDisplay: 'swap',
+      src: "url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css') format('woff2')"
+    }, {
+      fontFamily: 'Pretendard',
+      fontStyle: 'normal',
+      fontWeight: 800,
+      fontDisplay: 'swap',
+      src: "url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/Pretendard-Bold.min.css') format('woff2')"
+    }, {
+      fontFamily: 'Pretendard',
+      fontStyle: 'normal',
+      fontWeight: 700,
+      fontDisplay: 'swap',
+      src: "url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/Pretendard-ExtraBold.min.css') format('woff2')"
+    }, {
+      fontFamily: 'Pretendard',
+      fontStyle: 'normal',
+      fontWeight: 500,
+      fontDisplay: 'swap',
+      src: "url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/Pretendard-Medium.min.css') format('woff2')"
+    }, {
+      fontFamily: 'Pretendard',
+      fontStyle: 'normal',
+      fontWeight: 400,
+      fontDisplay: 'swap',
+      src: "url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/Pretendard-Regular.min.css') format('woff2')"
+    }, {
+      fontFamily: 'Pretendard',
+      fontStyle: 'normal',
+      fontWeight: 300,
+      fontDisplay: 'swap',
+      src: "url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/Pretendard-Light.min.css') format('woff2')"
+    }, {
+      fontFamily: 'EliceDXNeolli',
+      fontStyle: 'normal',
+      fontWeight: 900,
+      fontDisplay: 'swap',
+      src: "url(https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Bold.woff2) format('woff2')"
+    }, {
+      fontFamily: 'EliceDXNeolli',
+      fontStyle: 'normal',
+      fontWeight: 800,
+      fontDisplay: 'swap',
+      src: "url(https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Bold.woff2) format('woff2')"
+    }, {
+      fontFamily: 'EliceDXNeolli',
+      fontStyle: 'normal',
+      fontWeight: 700,
+      fontDisplay: 'swap',
+      src: "url(https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Bold.woff2) format('woff2')"
+    }, {
+      fontFamily: 'EliceDXNeolli',
+      fontStyle: 'normal',
+      fontWeight: 500,
+      fontDisplay: 'swap',
+      src: "url(https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Medium.woff2) format('woff2')"
+    }, {
+      fontFamily: 'EliceDXNeolli',
+      fontStyle: 'normal',
+      fontWeight: 400,
+      fontDisplay: 'swap',
+      src: "url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Medium.woff2') format('woff2')"
+    }, {
+      fontFamily: 'EliceDXNeolli',
+      fontStyle: 'normal',
+      fontWeight: 300,
+      fontDisplay: 'swap',
+      src: "url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Light.woff2') format('woff2')"
+    }],
+    h1: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '3.5rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '2.75rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '2rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '2rem'
+    }), "fontWeight", 800), "lineHeight", 1.18),
+    h2: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '3rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '2.5rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '1.75rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '1.75rem'
+    }), "fontWeight", 800), "lineHeight", 1.2),
+    h3: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '2.25rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '2.25rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '1.625rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '1.625rem'
+    }), "fontWeight", 800), "lineHeight", 1.2),
+    h4: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '2rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '2rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '1.5rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '1.5rem'
+    }), "fontWeight", 800), "lineHeight", 1.24),
+    h5: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '1.75rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '1.75rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '1.375rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '1.375rem'
+    }), "fontWeight", 800), "lineHeight", 1.28),
+    h6: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '1.5rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '1.5rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '1.25rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '1.25rem'
+    }), "fontWeight", 800), "lineHeight", 1.24),
+    subtitle1: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '1.25rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '1.2rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '1.125rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '1.125rem'
+    }), "fontWeight", 800), "lineHeight", 1.4),
+    subtitle2: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '1.125rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '1.1rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '1rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '1rem'
+    }), "fontWeight", 800), "lineHeight", 1.32),
+    body1: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '1rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '1rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '0.9375rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '0.9375rem'
+    }), "fontWeight", 500), "lineHeight", 1.48),
+    body2: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '0.875rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '0.875rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '0.8125rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '0.8125rem'
+    }), "fontWeight", 500), "lineHeight", 1.4),
+    caption: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      fontSize: '0.75rem'
+    }, "@media (max-width:1279px)", {
+      fontSize: '0.75rem'
+    }), "@media (max-height:800px)", {
+      fontSize: '0.6875rem'
+    }), "@media (max-width:1023px)", {
+      fontSize: '0.6875rem'
+    }), "fontWeight", 500), "lineHeight", 1.32)
+  };
+};
+
+export { createAIDTTypography };

package/es/typography/typographyFontFamily.d.ts

@@ -0,0 +1,5 @@
+export declare const TYPOGRAPHY_FONT_FAMILY_NAMES: Readonly<{
+    pretendard: "Pretendard, Arial, sans-serif";
+    elice: "EliceDXNeolli";
+}>;
+export type TypographyFontFamilyType = keyof typeof TYPOGRAPHY_FONT_FAMILY_NAMES;

package/es/typography/typographyFontFamily.js

@@ -0,0 +1,6 @@
+var TYPOGRAPHY_FONT_FAMILY_NAMES = Object.freeze({
+  pretendard: 'Pretendard, Arial, sans-serif',
+  elice: 'EliceDXNeolli'
+});
+
+export { TYPOGRAPHY_FONT_FAMILY_NAMES };

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@elicecontents/content-ui",
+  "version": "0.0.0",
+  "description": "A set of UI components for creating content of Elice",
+  "author": "Elice <contact@elice.io>",
+  "license": "UNLICENSED",
+  "main": "./cjs/index.js",
+  "module": "./es/index.js",
+  "types": "./es/index.d.ts",
+  "files": [
+    "es",
+    "cjs",
+    "package.json",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "import": "./es/index.js",
+      "require": "./cjs/index.js"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "prebuild": "run-p clean",
+    "build": "cross-env NODE_ENV=production rollup -c ./rollup.config.ts --configPlugin typescript -f es -f cjs",
+    "lint": "eslint --ext .ts --ext .tsx ./src --max-warnings=0",
+    "prettier": "prettier-eslint --write $PWD/\"src/**/*.[jt]s?(x)\"",
+    "clean": "del-cli \"buildcache/*\" \"es/*\" \"cjs/*\""
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@mui/icons-material": "^5.14.10",
+    "@mui/material": "^5.14.10",
+    "@mui/x-data-grid": "^6.7.0",
+    "@mui/x-date-pickers": "^6.7.0",
+    "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0  || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "react-use": "^17.6.0",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "@elice/rollup-config": "^1.241114.0",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@mui/icons-material": "^5.14.10",
+    "@mui/material": "^5.14.10",
+    "@mui/x-data-grid": "^6.7.0",
+    "@mui/x-date-pickers": "^6.7.0",
+    "@types/json-stable-stringify": "^1.2.0",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "react": "^18",
+    "react-dom": "^18"
+  }
+}