@edu-tosel/design 0.1.4 → 0.1.5

package/modal/index.js

@@ -1,35 +1,23 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "../style.css";
-import { col, absolute } from "../util";
-function Modal(_a) {
-    var children = _a.children;
-    var classNames = [
-        absolute.tl() +
-            "z-50 flex min-h-screen w-full items-center justify-center bg-black/10 backdrop-blur-sm",
-    ].join(" ");
-    var modalClassNames = ["h-100 w-2/3 min-w-76 max-w-176 rounded-xl bg-white relative"].join(" ");
-    return (_jsx("div", __assign({ className: classNames }, { children: _jsx("div", __assign({ className: modalClassNames }, { children: children })) })));
-}
-export function NoticeModal(_a) {
-    var titles = _a.titles, children = _a.children, buttons = _a.buttons, close = _a.close;
-    var _b = titles || ["", ""], title = _b[0], subTitle = _b[1];
-    var buttonClassNames = ["rounded-2xl bg-black px-8 py-2 text-lg font-bold text-white"].join(" ");
-    return (_jsxs(Modal, { children: [_jsxs("div", __assign({ className: col(3) + "px-25 pt-18 h-full pb-12" }, { children: [_jsxs("div", __assign({ className: col(6) }, { children: [_jsx("div", __assign({ className: "text-3xl font-bold" }, { children: title })), _jsx("div", { className: "h-2 w-14 rounded-full bg-pale-lavender" }), _jsx("div", __assign({ className: "text-xl font-bold" }, { children: subTitle }))] })), _jsx("div", { children: children }), buttons ? (_jsx("div", __assign({ className: "mt-auto flex justify-end gap-4" }, { children: buttons.map(function (_a) {
-                            var text = _a[0], onClick = _a[1];
-                            return (_jsx("button", __assign({ className: buttonClassNames, onClick: onClick }, { children: text }), text));
-                        }) }))) : null] })), _jsx("button", { className: absolute.tl(5, 7) + "bg-black rounded-full h-9 w-9", onClick: close })] }));
-}
-export function AlertModal() {
-    return (_jsx("div", { children: _jsx("div", {}) }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "../globals.css";
+import { col, absolute } from "../util";
+function Modal({ children }) {
+    const classNames = [
+        absolute.tl() +
+            "z-50 flex min-h-screen w-full items-center justify-center bg-black/10 backdrop-blur-sm",
+    ].join(" ");
+    const modalClassNames = [
+        "h-100 w-2/3 min-w-76 max-w-176 rounded-xl bg-white relative",
+    ].join(" ");
+    return (_jsx("div", { className: classNames, children: _jsx("div", { className: modalClassNames, children: children }) }));
+}
+export function NoticeModal({ titles, children, buttons, close, }) {
+    const [title, subTitle] = titles || ["", ""];
+    const buttonClassNames = [
+        "rounded-2xl bg-black px-8 py-2 text-lg font-bold text-white",
+    ].join(" ");
+    return (_jsxs(Modal, { children: [_jsxs("div", { className: col(3) + "px-25 pt-18 h-full pb-12", children: [_jsxs("div", { className: col(6), children: [_jsx("div", { className: "text-3xl font-bold", children: title }), _jsx("div", { className: "h-2 w-14 rounded-full bg-pale-lavender" }), _jsx("div", { className: "text-xl font-bold", children: subTitle })] }), _jsx("div", { children: children }), buttons ? (_jsx("div", { className: "mt-auto flex justify-end gap-4", children: buttons.map(([text, onClick]) => (_jsx("button", { className: buttonClassNames, onClick: onClick, children: text }, text))) })) : null] }), _jsx("button", { className: absolute.tl(5, 7) + "bg-black rounded-full h-9 w-9", onClick: close })] }));
+}
+export function AlertModal() {
+    return (_jsx("div", { children: _jsx("div", {}) }));
+}

package/navigation/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import "../style.css";
-export declare const buttonClassNames: (href: string, nowPath: string, color?: [string, string]) => string;
-export declare function NavigationContainer({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import "../globals.css";
+export declare const buttonClassNames: (href: string, nowPath: string, color?: [string, string]) => string;
+export declare function NavigationContainer({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/navigation/index.js

@@ -1,24 +1,16 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import "../style.css";
-import { center } from "../util";
-export var buttonClassNames = function (href, nowPath, color) {
-    var _a = color !== null && color !== void 0 ? color : ["black", "white"], text = _a[0], bg = _a[1];
-    var classNames = [center.row(6), "text-".concat(text), "font-bold w-50 h-11 rounded-2xl pl-5"].join(" ");
-    var toggle = nowPath === href ? "bg-".concat(bg) : "bg-transparent";
-    return [classNames, toggle].join(" ");
-};
-export function NavigationContainer(_a) {
-    var children = _a.children;
-    return _jsx("div", __assign({ className: center.col() + "w-54" }, { children: children }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import "../globals.css";
+import { center } from "../util";
+export const buttonClassNames = (href, nowPath, color) => {
+    const [text, bg] = color ?? ["black", "white"];
+    const classNames = [
+        center.row(6),
+        `text-${text}`,
+        "font-bold w-50 h-11 rounded-2xl pl-5",
+    ].join(" ");
+    const toggle = nowPath === href ? `bg-${bg}` : "bg-transparent";
+    return [classNames, toggle].join(" ");
+};
+export function NavigationContainer({ children, }) {
+    return _jsx("div", { className: center.col() + "w-54", children: children });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",
@@ -9,40 +9,14 @@
   ],
   "author": "International TOSEL Committee",
   "license": "MIT",
+  "type": "module",
+  "scripts": {},
   "dependencies": {
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^13.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.21.1",
-    "react-scripts": "5.0.1",
-    "tailwind-scrollbar-hide": "^1.1.7",
-    "tailwindcss": "^3.4.0",
+    "react-router-dom": "^6.21.3",
     "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-directional-shadows": "^0.0.6",
-    "tw-elements": "^1.1.0",
-    "typescript": "^4.9.5",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {},
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "typescript": "^5.2.2"
   },
   "devDependencies": {}
 }