@edu-tosel/design 1.0.135 → 1.0.137

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.
@@ -15,6 +15,6 @@ interface StudentCardProps extends Omit<InfoCardProps, "titles" | "children"> {
15
15
  }
16
16
  declare function Academy({ titles, data, buttons, option }: AcademyCardProps): import("react/jsx-runtime").JSX.Element;
17
17
  declare namespace Academy {
18
- var Digital: ({ image, data }: StudentCardProps) => import("react/jsx-runtime").JSX.Element;
18
+ var Digital: ({ image, data, option }: StudentCardProps) => import("react/jsx-runtime").JSX.Element;
19
19
  }
20
20
  export default Academy;
@@ -16,12 +16,13 @@ function Academy({ titles, data, buttons, option }) {
16
16
  height: "xs",
17
17
  } }, index))) })] }) }));
18
18
  }
19
- function Digital({ image, data }) {
19
+ function Digital({ image, data, option }) {
20
20
  return (_jsx(InfoCardDesign, { option: {
21
21
  width: "md",
22
22
  height: "md",
23
23
  titleBorder: "border-crimson-burgundy",
24
24
  boundary: "border-2 border-crimson-burgundy",
25
+ onClick: option?.onClick,
25
26
  }, titles: {
26
27
  title: "Digital Student Card",
27
28
  subtitle: "디지털 학생증",
@@ -1,2 +1,2 @@
1
1
  import { MenuProps } from "../../../interface";
2
- export default function Menu({ showAction, profile, input, medium, bottom, }: MenuProps): JSX.Element;
2
+ export default function Menu({ showAction, profile, medium, bottom, }: MenuProps): JSX.Element;
@@ -3,7 +3,9 @@ import { useTransition, animated } from "react-spring";
3
3
  import { cn, gradient } from "../../../util";
4
4
  import { useActionStore } from "../../../store";
5
5
  import { Label } from "../../../widget";
6
- export default function Menu({ showAction, profile, input, medium, bottom, }) {
6
+ export default function Menu({ showAction, profile,
7
+ // input,
8
+ medium, bottom, }) {
7
9
  const { isVisible } = showAction ?? {};
8
10
  const { setIsOwn, removeModal } = useActionStore();
9
11
  const container = {
@@ -18,7 +20,7 @@ export default function Menu({ showAction, profile, input, medium, bottom, }) {
18
20
  leave: { opacity: 0 },
19
21
  config: { duration: 200 },
20
22
  });
21
- return transitions((styles, item) => item && (_jsxs(animated.div, { style: styles, className: cn(container), onClick: () => setIsOwn(true), children: [_jsxs("div", { className: "h-17.75 flex gap-12 justify-center items-center text-black border-b-2 pb-2.5", children: [_jsxs("div", { children: [_jsx("div", { children: profile?.name }), _jsx("div", { className: "text-xs", children: profile?.belong })] }), _jsx("div", { className: "relative w-15 h-15 rounded-md overflow-hidden", children: _jsx("img", { className: "bg-cover rounded-md", src: profile?.image, alt: "profile-image" }) })] }), _jsxs("div", { className: "flex flex-col gap-2.5 pt-2.5", children: [_jsx("input", { className: "w-47.5 h-6.25 border-2 text-black", value: input?.password[0], onChange: (e) => input?.password[1](e.target.value), type: "password" }), medium?.map((button) => (_jsx(Label.Button, { title: button.title, onClick: button.onClick, option: {
23
+ return transitions((styles, item) => item && (_jsxs(animated.div, { style: styles, className: cn(container), onClick: () => setIsOwn(true), children: [_jsxs("div", { className: "h-17.75 flex gap-12 justify-center items-center text-black border-b-2 pb-2.5", children: [_jsxs("div", { children: [_jsx("div", { children: profile?.name }), _jsx("div", { className: "text-xs", children: profile?.belong })] }), _jsx("div", { className: "relative w-15 h-15 rounded-md overflow-hidden", children: _jsx("img", { className: "bg-cover rounded-md", src: profile?.image, alt: "profile-image" }) })] }), _jsxs("div", { className: "flex flex-col gap-2.5 pt-2.5", children: [medium?.map((button) => (_jsx(Label.Button, { title: button.title, onClick: button.onClick, option: {
22
24
  ...button.option,
23
25
  width: "full",
24
26
  height: "xs",
@@ -48,7 +48,7 @@ export default function Service({ banners }) {
48
48
  spacings: "gap-5 ml:mr-[calc(100vw-1200px)]",
49
49
  };
50
50
  const buttonPositioning = {
51
- displays: "hidden flex-row md:flex",
51
+ displays: "overflow-x-hidden flex-row md:flex",
52
52
  sizes: "w-full h-full",
53
53
  spacings: "px-2",
54
54
  positions: "absolute top-0 left-0 justify-between items-center opacity-0 group-hover:opacity-100 duration-300",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edu-tosel/design",
3
- "version": "1.0.135",
3
+ "version": "1.0.137",
4
4
  "description": "UI components for International TOSEL Committee",
5
5
  "keywords": [
6
6
  "jsx",
package/version.txt CHANGED
@@ -1 +1 @@
1
- 1.0.135
1
+ 1.0.137