@inialum/memories-react 1.0.0 → 1.0.1
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.
- package/dist/assets/cross_icon.js +28 -0
- package/dist/assets/inialum_logo_light_transparent.js +184 -0
- package/dist/assets/inialum_logo_white_transparent.js +184 -0
- package/dist/assets/menu_icon.js +38 -0
- package/dist/assets/x_logo.js +14 -0
- package/dist/components/Button/Button.js +17 -57
- package/dist/components/Button/index.js +2 -2
- package/dist/components/ButtonLink/ButtonLink.js +20 -62
- package/dist/components/ButtonLink/index.js +2 -2
- package/dist/components/Footer/Footer.js +125 -103
- package/dist/components/Footer/index.js +2 -2
- package/dist/components/Header/Header.js +36 -44
- package/dist/components/Header/index.js +2 -2
- package/dist/components/Navigation/Navigation.js +166 -150
- package/dist/components/Navigation/index.js +2 -2
- package/dist/components/index.js +11 -6
- package/dist/index.js +7 -6
- package/package.json +17 -17
- package/dist/assets/cross_icon.svg.js +0 -6
- package/dist/assets/inialum_logo_light_transparent.svg.js +0 -6
- package/dist/assets/inialum_logo_white_transparent.svg.js +0 -6
- package/dist/assets/menu_icon.svg.js +0 -6
- package/dist/assets/x_logo.svg.js +0 -6
|
@@ -1,105 +1,127 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
1
|
+
import SvgInialumLogoLightTransparent from "../../assets/inialum_logo_light_transparent.js";
|
|
2
|
+
import SvgXLogo from "../../assets/x_logo.js";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/Footer/Footer.tsx
|
|
6
|
+
var Footer = ({ className, ...rest }) => {
|
|
7
|
+
const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
|
|
8
|
+
return /* @__PURE__ */ jsxs("footer", {
|
|
9
|
+
...rest,
|
|
10
|
+
className: clsx("bg-base-block", "pt-52 px-48 pb-28 md:pb-64", className),
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ jsxs("div", {
|
|
13
|
+
className: "flex flex-col items-center justify-center gap-y-12 md:gap-y-16",
|
|
14
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
15
|
+
className: "w-120 h-120 md:w-280 md:h-280",
|
|
16
|
+
children: /* @__PURE__ */ jsx(SvgInialumLogoLightTransparent, {
|
|
17
|
+
"aria-label": "INIALUM - INIAD Alumni Meetings",
|
|
18
|
+
className: "object-cover w-full h-full"
|
|
19
|
+
})
|
|
20
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
21
|
+
className: "font-bold text-2xs md:text-sm",
|
|
22
|
+
children: "さらなる連携を、ともに歩んだ仲間と"
|
|
23
|
+
})]
|
|
24
|
+
}),
|
|
25
|
+
/* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsxs("ul", {
|
|
26
|
+
className: "flex flex-col items-center text-center gap-y-32 md:gap-y-48 pt-40 md:py-56 pb-28",
|
|
27
|
+
children: [
|
|
28
|
+
/* @__PURE__ */ jsx("li", {
|
|
29
|
+
className: "font-bold text-xs md:text-base",
|
|
30
|
+
children: /* @__PURE__ */ jsx("a", {
|
|
31
|
+
href: "/",
|
|
32
|
+
children: "ホーム"
|
|
33
|
+
})
|
|
34
|
+
}),
|
|
35
|
+
/* @__PURE__ */ jsx("li", {
|
|
36
|
+
className: "font-bold text-xs md:text-base",
|
|
37
|
+
children: /* @__PURE__ */ jsx("a", {
|
|
38
|
+
href: "/vision",
|
|
39
|
+
children: "私たちの思い"
|
|
40
|
+
})
|
|
41
|
+
}),
|
|
42
|
+
/* @__PURE__ */ jsx("li", {
|
|
43
|
+
className: "font-bold text-xs md:text-base",
|
|
44
|
+
children: /* @__PURE__ */ jsx("a", {
|
|
45
|
+
href: "https://inialum.org/join",
|
|
46
|
+
children: "入会する"
|
|
47
|
+
})
|
|
48
|
+
}),
|
|
49
|
+
/* @__PURE__ */ jsx("li", {
|
|
50
|
+
className: "font-bold text-xs md:text-base",
|
|
51
|
+
children: /* @__PURE__ */ jsx("a", {
|
|
52
|
+
href: "/contact",
|
|
53
|
+
children: "お問い合わせ"
|
|
54
|
+
})
|
|
55
|
+
}),
|
|
56
|
+
/* @__PURE__ */ jsx("li", {
|
|
57
|
+
className: "font-bold text-xs md:text-base",
|
|
58
|
+
children: /* @__PURE__ */ jsx("a", {
|
|
59
|
+
href: "https://inialum.notion.site/INIALUM-Q-A-0cfb2bd4cc814df6a29ca5aa7f9ad9b7",
|
|
60
|
+
target: "_blank",
|
|
61
|
+
rel: "noreferrer noopener",
|
|
62
|
+
children: "Q&A"
|
|
63
|
+
})
|
|
64
|
+
})
|
|
65
|
+
]
|
|
66
|
+
}) }),
|
|
67
|
+
/* @__PURE__ */ jsxs("div", {
|
|
68
|
+
className: "flex flex-col items-center text-center border-t border-t-gray-500 max-w-732 mx-auto gap-y-16 md:gap-y-36 pt-28 md:pt-56",
|
|
69
|
+
children: [
|
|
70
|
+
/* @__PURE__ */ jsx("div", {
|
|
71
|
+
className: "flex items-center justify-center pt-0 px-0 pb-12 md:pb-8",
|
|
72
|
+
children: /* @__PURE__ */ jsx("a", {
|
|
73
|
+
href: "https://twitter.com/inialum",
|
|
74
|
+
target: "_blank",
|
|
75
|
+
rel: "noreferrer noopener",
|
|
76
|
+
children: /* @__PURE__ */ jsx(SvgXLogo, {
|
|
77
|
+
"aria-label": "X公式アカウント",
|
|
78
|
+
className: "h-24 md:h-32 fill-black"
|
|
79
|
+
})
|
|
80
|
+
})
|
|
81
|
+
}),
|
|
82
|
+
/* @__PURE__ */ jsxs("div", {
|
|
83
|
+
className: "flex items-center justify-center text-gray-500 gap-x-20 md:gap-x-48 text-2xs md:text-sm",
|
|
84
|
+
children: [
|
|
85
|
+
/* @__PURE__ */ jsx("a", {
|
|
86
|
+
href: "https://inialum.notion.site/4cbf67b190544bff8891deabc64e776c",
|
|
87
|
+
target: "_blank",
|
|
88
|
+
rel: "noreferrer noopener",
|
|
89
|
+
children: "同窓会会則"
|
|
90
|
+
}),
|
|
91
|
+
/* @__PURE__ */ jsx("a", {
|
|
92
|
+
href: "https://inialum.notion.site/4d2374f79b594f00b93c0efccf3c6bb4",
|
|
93
|
+
target: "_blank",
|
|
94
|
+
rel: "noreferrer noopener",
|
|
95
|
+
children: "役員一覧"
|
|
96
|
+
}),
|
|
97
|
+
/* @__PURE__ */ jsx("a", {
|
|
98
|
+
href: "https://inialum.notion.site/d8a7e0dd14224c0dadfd630a6665cee0",
|
|
99
|
+
target: "_blank",
|
|
100
|
+
rel: "noreferrer noopener",
|
|
101
|
+
children: "プライバシーポリシー"
|
|
102
|
+
}),
|
|
103
|
+
/* @__PURE__ */ jsx("a", {
|
|
104
|
+
href: "https://github.com/inialum",
|
|
105
|
+
target: "_blank",
|
|
106
|
+
rel: "noreferrer noopener",
|
|
107
|
+
children: "GitHub"
|
|
108
|
+
})
|
|
109
|
+
]
|
|
110
|
+
}),
|
|
111
|
+
/* @__PURE__ */ jsxs("div", {
|
|
112
|
+
className: "text-gray-500 text-2xs md:text-sm",
|
|
113
|
+
children: [
|
|
114
|
+
"© ",
|
|
115
|
+
nowYear,
|
|
116
|
+
" INIALUM - INIAD Alumni Meetings."
|
|
117
|
+
]
|
|
118
|
+
})
|
|
119
|
+
]
|
|
120
|
+
})
|
|
121
|
+
]
|
|
122
|
+
});
|
|
102
123
|
};
|
|
103
|
-
|
|
124
|
+
//#endregion
|
|
104
125
|
export { Footer };
|
|
105
|
-
|
|
126
|
+
|
|
127
|
+
//# sourceMappingURL=Footer.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { Footer } from "./Footer.js";
|
|
2
|
+
export { Footer };
|
|
@@ -1,46 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
onClick,
|
|
35
|
-
children: /* @__PURE__ */ jsx(SvgMenuIcon, { "aria-hidden": "true" })
|
|
36
|
-
}
|
|
37
|
-
),
|
|
38
|
-
isOpen && /* @__PURE__ */ jsx(Navigation, { isOpen, onClose: onClick })
|
|
39
|
-
] })
|
|
40
|
-
]
|
|
41
|
-
}
|
|
42
|
-
);
|
|
1
|
+
import SvgInialumLogoLightTransparent from "../../assets/inialum_logo_light_transparent.js";
|
|
2
|
+
import SvgMenuIcon from "../../assets/menu_icon.js";
|
|
3
|
+
import { Navigation } from "../Navigation/Navigation.js";
|
|
4
|
+
import "../Navigation/index.js";
|
|
5
|
+
import clsx from "clsx";
|
|
6
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import { useCallback, useState } from "react";
|
|
8
|
+
//#region src/components/Header/Header.tsx
|
|
9
|
+
var Header = ({ hasNavigation = true, className, ...rest }) => {
|
|
10
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
11
|
+
const onClick = useCallback(() => {
|
|
12
|
+
setIsOpen(!isOpen);
|
|
13
|
+
}, [isOpen]);
|
|
14
|
+
return /* @__PURE__ */ jsxs("header", {
|
|
15
|
+
...rest,
|
|
16
|
+
className: clsx("relative flex items-center", "bg-primary w-full h-60", className),
|
|
17
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
18
|
+
className: "absolute top-0 left-0 flex items-center justify-center w-160 h-160 md:w-xs md:h-320 p-12 md:p-24 bg-base-white z-30",
|
|
19
|
+
children: /* @__PURE__ */ jsx(SvgInialumLogoLightTransparent, { "aria-label": "INIALUM - INIAD Alumni Meetings" })
|
|
20
|
+
}), hasNavigation && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
|
|
21
|
+
type: "button",
|
|
22
|
+
className: "ml-auto mr-20 p-4 fill-base-white",
|
|
23
|
+
title: "ナビゲーションメニュー",
|
|
24
|
+
"aria-label": "ナビゲーションメニューを開く",
|
|
25
|
+
"aria-haspopup": "true",
|
|
26
|
+
"aria-expanded": isOpen,
|
|
27
|
+
onClick,
|
|
28
|
+
children: /* @__PURE__ */ jsx(SvgMenuIcon, { "aria-hidden": "true" })
|
|
29
|
+
}), isOpen && /* @__PURE__ */ jsx(Navigation, {
|
|
30
|
+
isOpen,
|
|
31
|
+
onClose: onClick
|
|
32
|
+
})] })]
|
|
33
|
+
});
|
|
43
34
|
};
|
|
44
|
-
|
|
35
|
+
//#endregion
|
|
45
36
|
export { Header };
|
|
46
|
-
|
|
37
|
+
|
|
38
|
+
//# sourceMappingURL=Header.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { Header } from "./Header.js";
|
|
2
|
+
export { Header };
|