@edu-tosel/design 1.0.277 → 1.0.278

package/asset/SVG.d.ts

@@ -12,6 +12,7 @@ import Print from "./svg/Print";
 import User from "./svg/User";
 import Search from "./svg/Search";
 import MiniClose from "./svg/MiniClose";
+import MiniCheck from "./svg/MiniCheck";
 declare const SVG: {
     TOSEL: typeof TOSEL;
     Close: typeof Close;
@@ -71,5 +72,6 @@ declare const SVG: {
     User: typeof User;
     Search: typeof Search;
     MiniClose: typeof MiniClose;
+    MiniCheck: typeof MiniCheck;
 };
 export default SVG;

package/asset/SVG.js

@@ -17,6 +17,7 @@ import Print from "./svg/Print";
 import User from "./svg/User";
 import Search from "./svg/Search";
 import MiniClose from "./svg/MiniClose";
+import MiniCheck from "./svg/MiniCheck";
 const SVG = {
     TOSEL,
     Close,
@@ -37,5 +38,6 @@ const SVG = {
     User,
     Search,
     MiniClose,
+    MiniCheck,
 };
 export default SVG;

package/asset/SVG.tsx

@@ -17,6 +17,7 @@ import Print from "./svg/Print";
 import User from "./svg/User";
 import Search from "./svg/Search";
 import MiniClose from "./svg/MiniClose";
+import MiniCheck from "./svg/MiniCheck";
 
 const SVG = {
   TOSEL,
@@ -38,6 +39,7 @@ const SVG = {
   User,
   Search,
   MiniClose,
+  MiniCheck,
 };
 
 export default SVG;

package/asset/svg/MiniCheck.d.ts

@@ -0,0 +1,3 @@
+export default function MiniCheck({ color: _color }: {
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/asset/svg/MiniCheck.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function MiniCheck({ color: _color }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", className: "size-4", children: _jsx("path", { "fill-rule": "evenodd", d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z", "clip-rule": "evenodd" }) }));
+}

package/asset/svg/MiniCheck.tsx

@@ -0,0 +1,16 @@
+export default function MiniCheck({ color: _color }: { color?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 16 16"
+      fill="currentColor"
+      className="size-4"
+    >
+      <path
+        fill-rule="evenodd"
+        d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z"
+        clip-rule="evenodd"
+      />
+    </svg>
+  );
+}

package/layout/template/home/Float.js

@@ -2,13 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../../util";
 export default function Float({ contents }) {
     const container = {
-        displays: "fixed flex flex-col bottom-16 right-16 z-40 overflow-visible",
+        displays: "fixed flex flex-col bottom-20 md:bottom-16 right-5 md:right-16 z-40 overflow-visible",
         spacings: "gap-5",
     };
     const buttonBox = (background) => ({
         displays: "flex flex-col justify-center items-center",
-        spacings: "p-3",
-        sizes: "w-16 h-16",
+        spacings: "p-1.5 md:p-3",
+        sizes: "w-12 h-12 md:w-16 md:h-16",
         styles: "rounded-full bg-black overflow-hidden",
         backgrounds: background ?? "bg-white",
         shadows: "shadow-main",

package/layout/template/sign/Layout.js

@@ -10,7 +10,7 @@ export default function Layout({ children, steps, script, title, }) {
     };
     const headerBox = {
         display: "flex flex-row justify-between items-center",
-        sizes: "h-15 w-full md:w-112.5",
+        sizes: "h-15 shrink-0 w-full md:w-112.5",
         spacings: "px-5 mb-5",
         backgorunds: "bg-gradient-to-r from-green-dark to-crimson-burgundy rounded-lg",
     };

package/layout/template/sign/WithTitle.d.ts

@@ -1,6 +1,3 @@
 import { InputWidget } from "../../../interface";
-interface InputWithTitleProps extends InputWidget {
-    title: string;
-}
-declare function WithTitle(props: InputWithTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function WithTitle(props: InputWidget): import("react/jsx-runtime").JSX.Element;
 export default WithTitle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.277",
+  "version": "1.0.278",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/version.txt

@@ -1 +1 @@
-1.0.277
+1.0.278

package/widget/template/Input/Form.js

@@ -19,9 +19,9 @@ export default function InputForm({ title, state, placeholder, isValid, type, on
         animation: value || onFocus ? "top-2.625 text-xs" : "top-4.375 text-base",
     };
     const styleByFlag = () => {
-        const gray = "bg-gray-light border-green-dark";
+        const gray = "bg-gray-light/50 border-green-dark";
         const green = "bg-green-dark/10 text-green-dark border-green-dark";
-        const red = "bg-crimson-burgundy/10 text-crimson-burgundy border-crimson-burgundy";
+        const red = "bg-red-50 text-red-400 border-red-500";
         if (typeof isValid === "undefined")
             return gray;
         if (typeof isValid === "function")