@twreporter/react-typescript-components 0.1.0-beta.19 → 0.1.0-beta.20
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/lib/button/constants.d.mts +2 -2
- package/lib/button/index.d.mts +12 -12
- package/lib/constants/release-branch.d.mts +2 -2
- package/lib/constants/theme.d.mts +2 -2
- package/lib/{constants-BZGBDC2T.mjs → constants-BG4oRMD_.mjs} +1 -1
- package/lib/{constants-BZGBDC2T.mjs.map → constants-BG4oRMD_.mjs.map} +1 -1
- package/lib/{constants-COhDITk3.d.ts → constants-CBjyeHSl.d.ts} +1 -1
- package/lib/{constants-DZWOFPZT.d.mts → constants-C_OX3J7_.d.mts} +2 -2
- package/lib/{constants-C86Q6QlO.d.ts → constants-CzHmv07x.d.ts} +1 -1
- package/lib/{constants-B95_A0GY.d.mts → constants-DVYCKpJ0.d.mts} +2 -2
- package/lib/{constants-BV86fOLv.js → constants-Dt5HD0aL.js} +1 -1
- package/lib/{constants-BV86fOLv.js.map → constants-Dt5HD0aL.js.map} +1 -1
- package/lib/{constants-B5th6nHM.d.mts → constants-MpdMPjnk.d.mts} +2 -2
- package/lib/{constants-D2OTwBsV.d.mts → constants-ZGhPn0d6.d.mts} +2 -2
- package/lib/{constants-IzZ4bWWt.d.mts → constants-oNjXcfW2.d.mts} +2 -2
- package/lib/customized-link/external-link.d.mts +2 -2
- package/lib/customized-link/external-link.d.ts +2 -2
- package/lib/customized-link/external-link.js +1 -1
- package/lib/customized-link/external-link.mjs +1 -1
- package/lib/customized-link/index.d.mts +6 -6
- package/lib/customized-link/index.d.ts +6 -6
- package/lib/customized-link/index.js +2 -2
- package/lib/customized-link/index.mjs +2 -2
- package/lib/customized-link/internal-link.d.mts +2 -2
- package/lib/customized-link/internal-link.d.ts +2 -2
- package/lib/customized-link/type.d.mts +1 -1
- package/lib/customized-link/type.d.ts +1 -1
- package/lib/{customized-link-CHH91yod.js → customized-link-BDKQVdcH.js} +2 -2
- package/lib/{customized-link-CHH91yod.js.map → customized-link-BDKQVdcH.js.map} +1 -1
- package/lib/{customized-link-BacydHK_.mjs → customized-link-D3p9rjEe.mjs} +2 -2
- package/lib/{customized-link-BacydHK_.mjs.map → customized-link-D3p9rjEe.mjs.map} +1 -1
- package/lib/divider/constants.d.mts +2 -2
- package/lib/divider/index.d.mts +2 -2
- package/lib/dropdown-menu/index.d.mts +1 -1
- package/lib/dropdown-menu/index.d.ts +1 -1
- package/lib/dropdown-menu/index.js +3 -3
- package/lib/dropdown-menu/index.mjs +3 -3
- package/lib/{dropdown-menu-D4XjLl7G.js → dropdown-menu-CKH3qADt.js} +2 -2
- package/lib/{dropdown-menu-D4XjLl7G.js.map → dropdown-menu-CKH3qADt.js.map} +1 -1
- package/lib/{dropdown-menu-jbg-kt3s.mjs → dropdown-menu-DMp_Bmo0.mjs} +2 -2
- package/lib/{dropdown-menu-jbg-kt3s.mjs.map → dropdown-menu-DMp_Bmo0.mjs.map} +1 -1
- package/lib/{external-link-Diro-q37.mjs → external-link-BMIFL3DE.mjs} +3 -2
- package/lib/external-link-BMIFL3DE.mjs.map +1 -0
- package/lib/{external-link-B3tELAVU.d.ts → external-link-BMxYePU7.d.ts} +2 -2
- package/lib/{external-link-afU9uFB6.js → external-link-Ce1_loKh.js} +3 -2
- package/lib/external-link-Ce1_loKh.js.map +1 -0
- package/lib/{external-link-0t606cM_.d.mts → external-link-CvvjuS1W.d.mts} +2 -2
- package/lib/footer/index.d.mts +8 -2
- package/lib/footer/index.d.ts +6 -0
- package/lib/footer/index.js +17 -13
- package/lib/footer/index.js.map +1 -1
- package/lib/footer/index.mjs +17 -13
- package/lib/footer/index.mjs.map +1 -1
- package/lib/footer/links.d.mts +11 -6
- package/lib/footer/links.d.ts +13 -8
- package/lib/footer/links.js +5 -7
- package/lib/footer/links.mjs +4 -6
- package/lib/footer/logo.d.mts +2 -2
- package/lib/footer/logo.js +4 -4
- package/lib/footer/logo.mjs +4 -4
- package/lib/footer/types.d.mts +4 -0
- package/lib/footer/types.d.ts +4 -0
- package/lib/footer/types.js +0 -0
- package/lib/footer/types.mjs +1 -0
- package/lib/hamburger-menu/index.js +7 -7
- package/lib/hamburger-menu/index.mjs +7 -7
- package/lib/{hamburger-menu-baCi46g2.js → hamburger-menu-DJe2IBTm.js} +5 -5
- package/lib/{hamburger-menu-baCi46g2.js.map → hamburger-menu-DJe2IBTm.js.map} +1 -1
- package/lib/{hamburger-menu-MQgF0vLX.mjs → hamburger-menu-DoyJVziw.mjs} +5 -5
- package/lib/{hamburger-menu-MQgF0vLX.mjs.map → hamburger-menu-DoyJVziw.mjs.map} +1 -1
- package/lib/header/index.d.mts +3 -3
- package/lib/header/index.js +12 -12
- package/lib/header/index.mjs +12 -12
- package/lib/{heading-Cljxy-62.mjs → heading-CCsID-nv.mjs} +1 -1
- package/lib/{heading-Cljxy-62.mjs.map → heading-CCsID-nv.mjs.map} +1 -1
- package/lib/{heading-Dnpw_s7U.js → heading-D7slLGoI.js} +1 -1
- package/lib/{heading-Dnpw_s7U.js.map → heading-D7slLGoI.js.map} +1 -1
- package/lib/hooks/index.d.mts +3 -3
- package/lib/hooks/index.d.ts +3 -3
- package/lib/hooks/index.js +2 -2
- package/lib/hooks/index.mjs +2 -2
- package/lib/hooks/use-outside-click.d.mts +1 -1
- package/lib/hooks/use-outside-click.d.ts +1 -1
- package/lib/hooks/use-outside-click.js +1 -1
- package/lib/hooks/use-outside-click.mjs +1 -1
- package/lib/{hooks-BxlKOoQu.js → hooks-CYgvBAmt.js} +2 -2
- package/lib/{hooks-BxlKOoQu.js.map → hooks-CYgvBAmt.js.map} +1 -1
- package/lib/{hooks-DmImq-Z7.mjs → hooks-CcqXFDPN.mjs} +2 -2
- package/lib/{hooks-DmImq-Z7.mjs.map → hooks-CcqXFDPN.mjs.map} +1 -1
- package/lib/icons/constants.d.mts +2 -2
- package/lib/icons/constants.d.ts +1 -1
- package/lib/icons/index.d.mts +3 -3
- package/lib/icons/index.d.ts +10 -10
- package/lib/{index-DegwO8ei.d.mts → index-CUE6zs36.d.mts} +1 -1
- package/lib/input/constants.d.mts +1 -1
- package/lib/input/index.d.mts +5 -5
- package/lib/input/index.d.ts +2 -2
- package/lib/input/index.js +2 -2
- package/lib/input/index.mjs +2 -2
- package/lib/input/theme.d.mts +2 -2
- package/lib/input/theme.js +1 -1
- package/lib/input/theme.mjs +1 -1
- package/lib/{input-DaMbsNrg.js → input-D29yD1k-.js} +2 -2
- package/lib/{input-DaMbsNrg.js.map → input-D29yD1k-.js.map} +1 -1
- package/lib/{input-DvriSZ9o.mjs → input-DH_jroRh.mjs} +2 -2
- package/lib/{input-DvriSZ9o.mjs.map → input-DH_jroRh.mjs.map} +1 -1
- package/lib/{internal-link-DtMsmfE9.d.ts → internal-link-BL950cs3.d.ts} +2 -2
- package/lib/{internal-link-Daag4Lrv.d.mts → internal-link-DgOMen4w.d.mts} +2 -2
- package/lib/{links-DO97xw7S.mjs → links-Buz2DUOO.mjs} +11 -14
- package/lib/links-Buz2DUOO.mjs.map +1 -0
- package/lib/{links-Xuo8pb4a.js → links-CPX07u-O.js} +16 -19
- package/lib/links-CPX07u-O.js.map +1 -0
- package/lib/logo/constants.d.mts +2 -2
- package/lib/logo/constants.d.ts +1 -1
- package/lib/logo/index.d.mts +3 -3
- package/lib/logo/index.d.ts +1 -1
- package/lib/logo/index.js +1 -1
- package/lib/logo/index.mjs +1 -1
- package/lib/{logo-C5NgKyYa.js → logo-BSp7gsND.js} +2 -2
- package/lib/{logo-C5NgKyYa.js.map → logo-BSp7gsND.js.map} +1 -1
- package/lib/{logo-NfYCtrtN.mjs → logo-CBWWiQoO.mjs} +1 -1
- package/lib/{logo-NfYCtrtN.mjs.map → logo-CBWWiQoO.mjs.map} +1 -1
- package/lib/{logo-B3GSkN1O.js → logo-DzRRd4Y-.js} +1 -1
- package/lib/{logo-B3GSkN1O.js.map → logo-DzRRd4Y-.js.map} +1 -1
- package/lib/{logo-CumKSrK5.mjs → logo-mBe4a2OP.mjs} +2 -2
- package/lib/{logo-CumKSrK5.mjs.map → logo-mBe4a2OP.mjs.map} +1 -1
- package/lib/{release-branch-CaxOk9Rq.d.mts → release-branch-uF0B5lcE.d.mts} +2 -2
- package/lib/tab-bar/constants.d.mts +3 -3
- package/lib/tab-bar/constants.d.ts +1 -1
- package/lib/tab-bar/constants.js +1 -1
- package/lib/tab-bar/constants.mjs +1 -1
- package/lib/tab-bar/index.js +5 -5
- package/lib/tab-bar/index.mjs +5 -5
- package/lib/tab-bar/theme.d.mts +2 -2
- package/lib/tab-bar/theme.js +1 -1
- package/lib/tab-bar/theme.mjs +1 -1
- package/lib/{tab-bar-Dq0ewfWA.js → tab-bar-CVPd5go9.js} +4 -4
- package/lib/{tab-bar-Dq0ewfWA.js.map → tab-bar-CVPd5go9.js.map} +1 -1
- package/lib/{tab-bar-CQjgjdkW.mjs → tab-bar-jI3fYt_7.mjs} +4 -4
- package/lib/{tab-bar-CQjgjdkW.mjs.map → tab-bar-jI3fYt_7.mjs.map} +1 -1
- package/lib/text/constants.d.mts +2 -2
- package/lib/text/heading.d.mts +2 -2
- package/lib/text/heading.js +1 -1
- package/lib/text/heading.mjs +1 -1
- package/lib/text/paragraph.d.mts +2 -2
- package/lib/{theme-BQQzAfHb.js → theme-B9k1Udon.js} +1 -1
- package/lib/{theme-BQQzAfHb.js.map → theme-B9k1Udon.js.map} +1 -1
- package/lib/{theme-LkZX5giH.js → theme-BLdi7Moc.js} +1 -1
- package/lib/{theme-LkZX5giH.js.map → theme-BLdi7Moc.js.map} +1 -1
- package/lib/{theme-CDCgzSJw.mjs → theme-Cf9NG_eL.mjs} +1 -1
- package/lib/{theme-CDCgzSJw.mjs.map → theme-Cf9NG_eL.mjs.map} +1 -1
- package/lib/{theme-Cx5oFufE.d.mts → theme-DKi2E2si.d.mts} +2 -2
- package/lib/{theme-D_LHh2_S.mjs → theme-DURvzYaJ.mjs} +1 -1
- package/lib/{theme-D_LHh2_S.mjs.map → theme-DURvzYaJ.mjs.map} +1 -1
- package/lib/title-bar/index.d.mts +4 -4
- package/lib/title-bar/index.js +3 -3
- package/lib/title-bar/index.mjs +3 -3
- package/lib/{type-ubTUOk6A.d.ts → type-Bsf9A8YX.d.mts} +2 -1
- package/lib/{type-DGvbr3Rm.d.mts → type-CcygKers.d.ts} +2 -1
- package/lib/types/index.d.mts +1 -1
- package/lib/types-dW_WJa4D.d.ts +15 -0
- package/lib/types-p8V2pbqn.d.mts +15 -0
- package/lib/use-outside-click-B_hZCUDr.d.mts +7 -0
- package/lib/{use-outside-click-Br_ste4n.mjs → use-outside-click-BfAURk-E.mjs} +1 -1
- package/lib/{use-outside-click-Br_ste4n.mjs.map → use-outside-click-BfAURk-E.mjs.map} +1 -1
- package/lib/use-outside-click-COJmPFYr.d.ts +7 -0
- package/lib/{use-outside-click-Cl1QlhTH.js → use-outside-click-DnJ0DNZ9.js} +1 -1
- package/lib/{use-outside-click-Cl1QlhTH.js.map → use-outside-click-DnJ0DNZ9.js.map} +1 -1
- package/package.json +2 -2
- package/lib/constants-0fgvpoyZ.js +0 -171
- package/lib/constants-0fgvpoyZ.js.map +0 -1
- package/lib/constants-DyO2QpJk.mjs +0 -154
- package/lib/constants-DyO2QpJk.mjs.map +0 -1
- package/lib/external-link-Diro-q37.mjs.map +0 -1
- package/lib/external-link-afU9uFB6.js.map +0 -1
- package/lib/footer/constants.d.mts +0 -51
- package/lib/footer/constants.d.ts +0 -51
- package/lib/footer/constants.js +0 -7
- package/lib/footer/constants.mjs +0 -5
- package/lib/links-DO97xw7S.mjs.map +0 -1
- package/lib/links-Xuo8pb4a.js.map +0 -1
- package/lib/use-outside-click-CHxRFaTZ.d.ts +0 -7
- package/lib/use-outside-click-Diz2B7wx.d.mts +0 -7
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../index-
|
|
2
|
-
import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-
|
|
1
|
+
import "../index-CUE6zs36.mjs";
|
|
2
|
+
import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-ZGhPn0d6.mjs";
|
|
3
3
|
export { SIZE, STYLE, Size, Style, TYPE, Type };
|
package/lib/button/index.d.mts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import "../index-
|
|
2
|
-
import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-
|
|
3
|
-
import { THEME, Theme } from "../theme-
|
|
4
|
-
import { WEIGHT, Weight } from "../constants-
|
|
5
|
-
import * as
|
|
1
|
+
import "../index-CUE6zs36.mjs";
|
|
2
|
+
import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-ZGhPn0d6.mjs";
|
|
3
|
+
import { THEME, Theme } from "../theme-DKi2E2si.mjs";
|
|
4
|
+
import { WEIGHT, Weight } from "../constants-C_OX3J7_.mjs";
|
|
5
|
+
import * as react0 from "react";
|
|
6
6
|
import React$1, { FC, ReactElement } from "react";
|
|
7
7
|
|
|
8
8
|
//#region src/button/components/text-button/index.d.ts
|
|
@@ -88,10 +88,10 @@ declare const IconWithTextButton: FC<IconWithTextButtonProps> & {
|
|
|
88
88
|
//#endregion
|
|
89
89
|
//#region src/button/index.d.ts
|
|
90
90
|
declare const _default: {
|
|
91
|
-
TextButton:
|
|
91
|
+
TextButton: react0.FC<{
|
|
92
92
|
text: string;
|
|
93
|
-
leftIconComponent?:
|
|
94
|
-
rightIconComponent?:
|
|
93
|
+
leftIconComponent?: react0.ReactElement;
|
|
94
|
+
rightIconComponent?: react0.ReactElement;
|
|
95
95
|
size?: Size;
|
|
96
96
|
style?: Style;
|
|
97
97
|
theme?: Theme;
|
|
@@ -104,7 +104,7 @@ declare const _default: {
|
|
|
104
104
|
Style: typeof STYLE;
|
|
105
105
|
Theme: typeof THEME;
|
|
106
106
|
};
|
|
107
|
-
IconButton:
|
|
107
|
+
IconButton: react0.FC<{
|
|
108
108
|
iconComponent: React.ReactElement;
|
|
109
109
|
theme?: Theme;
|
|
110
110
|
type?: Type;
|
|
@@ -116,7 +116,7 @@ declare const _default: {
|
|
|
116
116
|
Theme: typeof THEME;
|
|
117
117
|
Type: typeof TYPE;
|
|
118
118
|
};
|
|
119
|
-
MenuButton:
|
|
119
|
+
MenuButton: react0.FC<{
|
|
120
120
|
text: string;
|
|
121
121
|
color: string;
|
|
122
122
|
fontWeight: Weight;
|
|
@@ -125,7 +125,7 @@ declare const _default: {
|
|
|
125
125
|
}> & {
|
|
126
126
|
FontWeight: typeof WEIGHT;
|
|
127
127
|
};
|
|
128
|
-
PillButton:
|
|
128
|
+
PillButton: react0.FC<{
|
|
129
129
|
text?: string;
|
|
130
130
|
leftIconComponent?: React.ReactElement;
|
|
131
131
|
rightIconComponent?: React.ReactElement;
|
|
@@ -142,7 +142,7 @@ declare const _default: {
|
|
|
142
142
|
Size: typeof SIZE;
|
|
143
143
|
Style: typeof STYLE;
|
|
144
144
|
};
|
|
145
|
-
IconWithTextButton:
|
|
145
|
+
IconWithTextButton: react0.FC<{
|
|
146
146
|
text?: string;
|
|
147
147
|
iconComponent: React.ReactNode;
|
|
148
148
|
theme?: Theme;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../index-
|
|
2
|
-
import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-
|
|
1
|
+
import "../index-CUE6zs36.mjs";
|
|
2
|
+
import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
|
|
3
3
|
export { RELEASE_BRANCH, ReleaseBranch };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../index-
|
|
2
|
-
import { THEME, Theme } from "../theme-
|
|
1
|
+
import "../index-CUE6zs36.mjs";
|
|
2
|
+
import { THEME, Theme } from "../theme-DKi2E2si.mjs";
|
|
3
3
|
export { THEME, Theme };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants-
|
|
1
|
+
{"version":3,"file":"constants-BG4oRMD_.mjs","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n text: string\n link: string\n target: LinkTarget\n icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n releaseBranch\n) => [\n {\n text: '首頁',\n link: INTERNAL_LINKS.home,\n target: '_self',\n icon: Home(releaseBranch),\n },\n {\n text: '最新',\n link: INTERNAL_LINKS.latest,\n target: '_self',\n icon: Clock(releaseBranch),\n },\n {\n text: '深度專題',\n link: INTERNAL_LINKS.topics,\n target: '_self',\n icon: Topic(releaseBranch),\n },\n {\n text: '我的閱讀',\n link: INTERNAL_LINKS.myReading.index,\n target: '_self',\n icon: KidStar(releaseBranch),\n },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,KAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe,UAAU;EAC/B,QAAQ;EACR,MAAM,QAAQ,cAAc;EAC7B;CACF"}
|
|
@@ -27,4 +27,4 @@ declare const MEDIA_TYPE: {
|
|
|
27
27
|
type MediaType = ValuesOf<typeof MEDIA_TYPE>;
|
|
28
28
|
//#endregion
|
|
29
29
|
export { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType };
|
|
30
|
-
//# sourceMappingURL=constants-
|
|
30
|
+
//# sourceMappingURL=constants-CBjyeHSl.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ValuesOf } from "./index-
|
|
1
|
+
import { ValuesOf } from "./index-CUE6zs36.mjs";
|
|
2
2
|
|
|
3
3
|
//#region src/text/constants.d.ts
|
|
4
4
|
declare const TYPE: {
|
|
@@ -14,4 +14,4 @@ declare const WEIGHT: {
|
|
|
14
14
|
type Weight = ValuesOf<typeof WEIGHT>;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { TYPE, Type, WEIGHT, Weight };
|
|
17
|
-
//# sourceMappingURL=constants-
|
|
17
|
+
//# sourceMappingURL=constants-C_OX3J7_.d.mts.map
|
|
@@ -21,4 +21,4 @@ declare const LOGO_SYMBOL_TYPE: {
|
|
|
21
21
|
type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
|
|
24
|
-
//# sourceMappingURL=constants-
|
|
24
|
+
//# sourceMappingURL=constants-CzHmv07x.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ValuesOf } from "./index-
|
|
1
|
+
import { ValuesOf } from "./index-CUE6zs36.mjs";
|
|
2
2
|
|
|
3
3
|
//#region src/icons/constants.d.ts
|
|
4
4
|
declare const ICON_TYPE: {
|
|
@@ -27,4 +27,4 @@ declare const MEDIA_TYPE: {
|
|
|
27
27
|
type MediaType = ValuesOf<typeof MEDIA_TYPE>;
|
|
28
28
|
//#endregion
|
|
29
29
|
export { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType };
|
|
30
|
-
//# sourceMappingURL=constants-
|
|
30
|
+
//# sourceMappingURL=constants-DVYCKpJ0.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants-
|
|
1
|
+
{"version":3,"file":"constants-Dt5HD0aL.js","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]","INTERNAL_LINKS","Home","Clock","Topic","KidStar"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n text: string\n link: string\n target: LinkTarget\n icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n releaseBranch\n) => [\n {\n text: '首頁',\n link: INTERNAL_LINKS.home,\n target: '_self',\n icon: Home(releaseBranch),\n },\n {\n text: '最新',\n link: INTERNAL_LINKS.latest,\n target: '_self',\n icon: Clock(releaseBranch),\n },\n {\n text: '深度專題',\n link: INTERNAL_LINKS.topics,\n target: '_self',\n icon: Topic(releaseBranch),\n },\n {\n text: '我的閱讀',\n link: INTERNAL_LINKS.myReading.index,\n target: '_self',\n icon: KidStar(releaseBranch),\n },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAMC,sCAAe;EACrB,QAAQ;EACR,MAAMC,mBAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAMD,sCAAe;EACrB,QAAQ;EACR,MAAME,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMF,sCAAe;EACrB,QAAQ;EACR,MAAMG,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMH,sCAAe,UAAU;EAC/B,QAAQ;EACR,MAAMI,sBAAQ,cAAc;EAC7B;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ValuesOf } from "./index-
|
|
1
|
+
import { ValuesOf } from "./index-CUE6zs36.mjs";
|
|
2
2
|
|
|
3
3
|
//#region src/divider/constants.d.ts
|
|
4
4
|
declare const DIRECTION: {
|
|
@@ -8,4 +8,4 @@ declare const DIRECTION: {
|
|
|
8
8
|
type Direction = ValuesOf<typeof DIRECTION>;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { DIRECTION, Direction };
|
|
11
|
-
//# sourceMappingURL=constants-
|
|
11
|
+
//# sourceMappingURL=constants-MpdMPjnk.d.mts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ValuesOf } from "./index-
|
|
1
|
+
import { ValuesOf } from "./index-CUE6zs36.mjs";
|
|
2
2
|
|
|
3
3
|
//#region src/button/constants.d.ts
|
|
4
4
|
declare const SIZE: {
|
|
@@ -19,4 +19,4 @@ declare const TYPE: {
|
|
|
19
19
|
type Type = ValuesOf<typeof TYPE>;
|
|
20
20
|
//#endregion
|
|
21
21
|
export { SIZE, STYLE, Size, Style, TYPE, Type };
|
|
22
|
-
//# sourceMappingURL=constants-
|
|
22
|
+
//# sourceMappingURL=constants-ZGhPn0d6.d.mts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ValuesOf } from "./index-
|
|
1
|
+
import { ValuesOf } from "./index-CUE6zs36.mjs";
|
|
2
2
|
|
|
3
3
|
//#region src/logo/constants.d.ts
|
|
4
4
|
declare const LOGO: {
|
|
@@ -21,4 +21,4 @@ declare const LOGO_SYMBOL_TYPE: {
|
|
|
21
21
|
type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
|
|
24
|
-
//# sourceMappingURL=constants-
|
|
24
|
+
//# sourceMappingURL=constants-oNjXcfW2.d.mts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../type-
|
|
2
|
-
import { ExternalLink } from "../external-link-
|
|
1
|
+
import "../type-Bsf9A8YX.mjs";
|
|
2
|
+
import { ExternalLink } from "../external-link-CvvjuS1W.mjs";
|
|
3
3
|
export { ExternalLink as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../type-
|
|
2
|
-
import { ExternalLink } from "../external-link-
|
|
1
|
+
import "../type-CcygKers.js";
|
|
2
|
+
import { ExternalLink } from "../external-link-BMxYePU7.js";
|
|
3
3
|
export = ExternalLink;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { CustomizedLinkProps } from "../type-
|
|
2
|
-
import { ExternalLink } from "../external-link-
|
|
3
|
-
import { InternalLink } from "../internal-link-
|
|
4
|
-
import * as
|
|
1
|
+
import { CustomizedLinkProps } from "../type-Bsf9A8YX.mjs";
|
|
2
|
+
import { ExternalLink } from "../external-link-CvvjuS1W.mjs";
|
|
3
|
+
import { InternalLink } from "../internal-link-DgOMen4w.mjs";
|
|
4
|
+
import * as react6 from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/customized-link/index.d.ts
|
|
7
7
|
declare const _default: {
|
|
8
|
-
ExternalLink:
|
|
9
|
-
InternalLink:
|
|
8
|
+
ExternalLink: react6.FC<CustomizedLinkProps>;
|
|
9
|
+
InternalLink: react6.FC<CustomizedLinkProps>;
|
|
10
10
|
};
|
|
11
11
|
//#endregion
|
|
12
12
|
export { ExternalLink, InternalLink, _default as default };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { CustomizedLinkProps } from "../type-
|
|
2
|
-
import { ExternalLink } from "../external-link-
|
|
3
|
-
import { InternalLink } from "../internal-link-
|
|
4
|
-
import * as
|
|
1
|
+
import { CustomizedLinkProps } from "../type-CcygKers.js";
|
|
2
|
+
import { ExternalLink } from "../external-link-BMxYePU7.js";
|
|
3
|
+
import { InternalLink } from "../internal-link-BL950cs3.js";
|
|
4
|
+
import * as react9 from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/customized-link/index.d.ts
|
|
7
7
|
declare const _default: {
|
|
8
|
-
ExternalLink:
|
|
9
|
-
InternalLink:
|
|
8
|
+
ExternalLink: react9.FC<CustomizedLinkProps>;
|
|
9
|
+
InternalLink: react9.FC<CustomizedLinkProps>;
|
|
10
10
|
};
|
|
11
11
|
//#endregion
|
|
12
12
|
export { ExternalLink, InternalLink, _default as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
|
-
const require_external_link = require('../external-link-
|
|
2
|
+
const require_external_link = require('../external-link-Ce1_loKh.js');
|
|
3
3
|
const require_internal_link = require('../internal-link-Bq4yp13E.js');
|
|
4
|
-
const require_customized_link = require('../customized-link-
|
|
4
|
+
const require_customized_link = require('../customized-link-BDKQVdcH.js');
|
|
5
5
|
|
|
6
6
|
exports.ExternalLink = require_external_link.external_link_default;
|
|
7
7
|
exports.InternalLink = require_internal_link.internal_link_default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { internal_link_default } from "../internal-link-DCXJvzgx.mjs";
|
|
2
|
-
import { external_link_default } from "../external-link-
|
|
3
|
-
import { customized_link_default } from "../customized-link-
|
|
2
|
+
import { external_link_default } from "../external-link-BMIFL3DE.mjs";
|
|
3
|
+
import { customized_link_default } from "../customized-link-D3p9rjEe.mjs";
|
|
4
4
|
|
|
5
5
|
export { external_link_default as ExternalLink, internal_link_default as InternalLink, customized_link_default as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../type-
|
|
2
|
-
import { InternalLink } from "../internal-link-
|
|
1
|
+
import "../type-Bsf9A8YX.mjs";
|
|
2
|
+
import { InternalLink } from "../internal-link-DgOMen4w.mjs";
|
|
3
3
|
export { InternalLink as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../type-
|
|
2
|
-
import { InternalLink } from "../internal-link-
|
|
1
|
+
import "../type-CcygKers.js";
|
|
2
|
+
import { InternalLink } from "../internal-link-BL950cs3.js";
|
|
3
3
|
export = InternalLink;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { CustomizedLinkProps, LinkTarget } from "../type-
|
|
1
|
+
import { CustomizedLinkProps, LinkTarget } from "../type-Bsf9A8YX.mjs";
|
|
2
2
|
export { CustomizedLinkProps, LinkTarget };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { CustomizedLinkProps, LinkTarget } from "../type-
|
|
1
|
+
import { CustomizedLinkProps, LinkTarget } from "../type-CcygKers.js";
|
|
2
2
|
export { CustomizedLinkProps, LinkTarget };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_external_link = require('./external-link-
|
|
1
|
+
const require_external_link = require('./external-link-Ce1_loKh.js');
|
|
2
2
|
const require_internal_link = require('./internal-link-Bq4yp13E.js');
|
|
3
3
|
|
|
4
4
|
//#region src/customized-link/index.ts
|
|
@@ -14,4 +14,4 @@ Object.defineProperty(exports, 'customized_link_default', {
|
|
|
14
14
|
return customized_link_default;
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
|
-
//# sourceMappingURL=customized-link-
|
|
17
|
+
//# sourceMappingURL=customized-link-BDKQVdcH.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customized-link-
|
|
1
|
+
{"version":3,"file":"customized-link-BDKQVdcH.js","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n ExternalLink,\n InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
|
|
2
|
-
import { external_link_default } from "./external-link-
|
|
2
|
+
import { external_link_default } from "./external-link-BMIFL3DE.mjs";
|
|
3
3
|
|
|
4
4
|
//#region src/customized-link/index.ts
|
|
5
5
|
var customized_link_default = {
|
|
@@ -9,4 +9,4 @@ var customized_link_default = {
|
|
|
9
9
|
|
|
10
10
|
//#endregion
|
|
11
11
|
export { customized_link_default };
|
|
12
|
-
//# sourceMappingURL=customized-link-
|
|
12
|
+
//# sourceMappingURL=customized-link-D3p9rjEe.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customized-link-
|
|
1
|
+
{"version":3,"file":"customized-link-D3p9rjEe.mjs","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n ExternalLink,\n InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../index-
|
|
2
|
-
import { DIRECTION, Direction } from "../constants-
|
|
1
|
+
import "../index-CUE6zs36.mjs";
|
|
2
|
+
import { DIRECTION, Direction } from "../constants-MpdMPjnk.mjs";
|
|
3
3
|
export { DIRECTION, Direction };
|
package/lib/divider/index.d.mts
CHANGED
|
@@ -2,13 +2,13 @@ require('../constants-Cndhv6qr.js');
|
|
|
2
2
|
require('../paragraph-iuz3jP0Q.js');
|
|
3
3
|
require('../theme-DDBlIbeS.js');
|
|
4
4
|
require('../release-branch-CRZV4Ivz.js');
|
|
5
|
-
require('../external-link-
|
|
5
|
+
require('../external-link-Ce1_loKh.js');
|
|
6
6
|
require('../internal-link-Bq4yp13E.js');
|
|
7
|
-
require('../customized-link-
|
|
7
|
+
require('../customized-link-BDKQVdcH.js');
|
|
8
8
|
require('../context-I1lTR5SO.js');
|
|
9
9
|
require('../constants-D8wNUvoZ.js');
|
|
10
10
|
require('../icons-qP5oNB0W.js');
|
|
11
11
|
require('../constants-C2moxnps.js');
|
|
12
|
-
const require_dropdown_menu = require('../dropdown-menu-
|
|
12
|
+
const require_dropdown_menu = require('../dropdown-menu-CKH3qADt.js');
|
|
13
13
|
|
|
14
14
|
exports.DropdownMenu = require_dropdown_menu.DropdownMenu;
|
|
@@ -3,12 +3,12 @@ import "../constants-CBSEPx91.mjs";
|
|
|
3
3
|
import "../paragraph-Cf9jr8RF.mjs";
|
|
4
4
|
import "../theme-BG6yZVj-.mjs";
|
|
5
5
|
import "../release-branch-DNCD1uH_.mjs";
|
|
6
|
-
import "../external-link-
|
|
7
|
-
import "../customized-link-
|
|
6
|
+
import "../external-link-BMIFL3DE.mjs";
|
|
7
|
+
import "../customized-link-D3p9rjEe.mjs";
|
|
8
8
|
import "../context-BgdqM3zA.mjs";
|
|
9
9
|
import "../constants-5phfWHvb.mjs";
|
|
10
10
|
import "../icons-I7T-auOQ.mjs";
|
|
11
11
|
import "../constants-DRxdMM_X.mjs";
|
|
12
|
-
import { DropdownMenu } from "../dropdown-menu-
|
|
12
|
+
import { DropdownMenu } from "../dropdown-menu-DMp_Bmo0.mjs";
|
|
13
13
|
|
|
14
14
|
export { DropdownMenu };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const require_chunk = require('./chunk-BxBTb9qk.js');
|
|
2
2
|
const require_paragraph = require('./paragraph-iuz3jP0Q.js');
|
|
3
3
|
const require_theme = require('./theme-DDBlIbeS.js');
|
|
4
|
-
const require_external_link = require('./external-link-
|
|
4
|
+
const require_external_link = require('./external-link-Ce1_loKh.js');
|
|
5
5
|
const require_internal_link = require('./internal-link-Bq4yp13E.js');
|
|
6
6
|
const require_context = require('./context-I1lTR5SO.js');
|
|
7
7
|
const require_icons = require('./icons-qP5oNB0W.js');
|
|
@@ -147,4 +147,4 @@ Object.defineProperty(exports, 'selectLogoType', {
|
|
|
147
147
|
return selectLogoType;
|
|
148
148
|
}
|
|
149
149
|
});
|
|
150
|
-
//# sourceMappingURL=dropdown-menu-
|
|
150
|
+
//# sourceMappingURL=dropdown-menu-CKH3qADt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu-
|
|
1
|
+
{"version":3,"file":"dropdown-menu-CKH3qADt.js","names":["THEME","LOGO_SYMBOL_TYPE","DropdownMenuItem: FC<{\n label: string\n}>","HeaderContext","P2","DropdownMenu: FC<DropdownMenuProps>","HeaderContext","ExternalLink","InternalLink","P1","Arrow","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n bgColor: 'bg-photo-dark',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n }\n default:\n return {\n bgColor: 'bg-gray-white',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n }\n }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n case THEME.transparent:\n return LOGO_SYMBOL_TYPE.white\n default:\n return LOGO_SYMBOL_TYPE.default\n }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: active ? 'text-supportive-pastel' : 'text-gray-white',\n svgBgColor: active\n ? '[&>svg]:bg-supportive-pastel'\n : '[&>svg]:bg-gray-white',\n hoverBgColor: 'hover:bg-opacity-white-02',\n activeBgColor: 'active:bg-opacity-white-05',\n }\n default:\n return {\n color: active ? 'text-brand-heavy' : 'text-gray-800',\n svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n activeBgColor: 'active:bg-gray-200',\n }\n }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: 'text-gray-400',\n hoverColor: 'hover:text-gray-400',\n hoverBgColor: 'hover:bg-opacity-white-02',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n svgBgColor: '[&>svg]:bg-gray-400',\n activeColor: 'active:text-gray-400',\n activeBgColor: 'active:bg-opacity-white-05',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n }\n default:\n return {\n color: 'text-gray-600',\n hoverColor: 'hover:text-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n svgBgColor: '[&>svg]:bg-gray-600',\n activeColor: 'active:text-gray-800',\n activeBgColor: 'active:bg-gray-200',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n }\n }\n}\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n label: string\n}> = ({ label }) => {\n const { theme } = useContext(HeaderContext)\n const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n return (\n <div\n className={clsx(\n 'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n color,\n hoverBgColor,\n activeBgColor\n )}\n >\n <P2 text={label} weight={P2.Weight.bold} />\n </div>\n )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n text?: string\n isActive?: boolean\n dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n text = '',\n isActive = false,\n dropdownItems = [],\n}) => {\n const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n const { color, svgBgColor, hoverBgColor, activeBgColor } =\n selectHamburgerItemTheme(theme, isActive)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <>\n <div\n className={clsx(\n 'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n '[&>svg]:transition-all [&>svg]:duration-300',\n svgBgColor,\n color,\n hoverBgColor,\n isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n isActive ? activeBgColor : ''\n )}\n >\n <P1 text={text} weight={P1.Weight.bold} />\n <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n </div>\n <div\n className={clsx(\n 'overflow-hidden transition-all duration-300 ease-in-out',\n isActive ? 'max-h-[300px]' : 'max-h-0'\n )}\n >\n {dropdownItems.map((itme) => {\n return (\n <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n <DropdownMenuItem label={itme.label} />\n </LinkComponent>\n )\n })}\n </div>\n </>\n )\n}\n\nexport { DropdownMenu }\n"],"mappings":";;;;;;;;;;;;;;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,mCAAiB;EAC1B,QACE,QAAOA,mCAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;;;;;;ACjEP,MAAME,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,gCAAqBC,8BAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,2CAAC;EACC,6BACE,+CACA,OACA,cACA,cACD;YAED,2CAACC;GAAG,MAAM;GAAO,QAAQA,qBAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,yCAA8BC,8BAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,qFACE,4CAAC;EACC,6BACE,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,2CAACC;GAAS;GAAM,QAAQA,qBAAG,OAAO;IAAQ,EAC1C,2CAACC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,2CAAC;EACC,6BACE,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,2CAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,2CAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
|
|
2
2
|
import { P1, P2 } from "./paragraph-Cf9jr8RF.mjs";
|
|
3
3
|
import { THEME } from "./theme-BG6yZVj-.mjs";
|
|
4
|
-
import { external_link_default } from "./external-link-
|
|
4
|
+
import { external_link_default } from "./external-link-BMIFL3DE.mjs";
|
|
5
5
|
import { HeaderContext } from "./context-BgdqM3zA.mjs";
|
|
6
6
|
import { Arrow } from "./icons-I7T-auOQ.mjs";
|
|
7
7
|
import { LOGO_SYMBOL_TYPE } from "./constants-DRxdMM_X.mjs";
|
|
@@ -114,4 +114,4 @@ const DropdownMenu = ({ text = "", isActive = false, dropdownItems = [] }) => {
|
|
|
114
114
|
|
|
115
115
|
//#endregion
|
|
116
116
|
export { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
|
|
117
|
-
//# sourceMappingURL=dropdown-menu-
|
|
117
|
+
//# sourceMappingURL=dropdown-menu-DMp_Bmo0.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu-
|
|
1
|
+
{"version":3,"file":"dropdown-menu-DMp_Bmo0.mjs","names":["DropdownMenuItem: FC<{\n label: string\n}>","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n bgColor: 'bg-photo-dark',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n }\n default:\n return {\n bgColor: 'bg-gray-white',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n }\n }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n case THEME.transparent:\n return LOGO_SYMBOL_TYPE.white\n default:\n return LOGO_SYMBOL_TYPE.default\n }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: active ? 'text-supportive-pastel' : 'text-gray-white',\n svgBgColor: active\n ? '[&>svg]:bg-supportive-pastel'\n : '[&>svg]:bg-gray-white',\n hoverBgColor: 'hover:bg-opacity-white-02',\n activeBgColor: 'active:bg-opacity-white-05',\n }\n default:\n return {\n color: active ? 'text-brand-heavy' : 'text-gray-800',\n svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n activeBgColor: 'active:bg-gray-200',\n }\n }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: 'text-gray-400',\n hoverColor: 'hover:text-gray-400',\n hoverBgColor: 'hover:bg-opacity-white-02',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n svgBgColor: '[&>svg]:bg-gray-400',\n activeColor: 'active:text-gray-400',\n activeBgColor: 'active:bg-opacity-white-05',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n }\n default:\n return {\n color: 'text-gray-600',\n hoverColor: 'hover:text-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n svgBgColor: '[&>svg]:bg-gray-600',\n activeColor: 'active:text-gray-800',\n activeBgColor: 'active:bg-gray-200',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n }\n }\n}\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n label: string\n}> = ({ label }) => {\n const { theme } = useContext(HeaderContext)\n const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n return (\n <div\n className={clsx(\n 'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n color,\n hoverBgColor,\n activeBgColor\n )}\n >\n <P2 text={label} weight={P2.Weight.bold} />\n </div>\n )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n text?: string\n isActive?: boolean\n dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n text = '',\n isActive = false,\n dropdownItems = [],\n}) => {\n const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n const { color, svgBgColor, hoverBgColor, activeBgColor } =\n selectHamburgerItemTheme(theme, isActive)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <>\n <div\n className={clsx(\n 'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n '[&>svg]:transition-all [&>svg]:duration-300',\n svgBgColor,\n color,\n hoverBgColor,\n isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n isActive ? activeBgColor : ''\n )}\n >\n <P1 text={text} weight={P1.Weight.bold} />\n <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n </div>\n <div\n className={clsx(\n 'overflow-hidden transition-all duration-300 ease-in-out',\n isActive ? 'max-h-[300px]' : 'max-h-0'\n )}\n >\n {dropdownItems.map((itme) => {\n return (\n <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n <DropdownMenuItem label={itme.label} />\n </LinkComponent>\n )\n })}\n </div>\n </>\n )\n}\n\nexport { DropdownMenu }\n"],"mappings":";;;;;;;;;;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO,iBAAiB;EAC1B,QACE,QAAO,iBAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;;;;;;ACjEP,MAAMA,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,UAAU,WAAW,cAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,oBAAC;EACC,WAAW,KACT,+CACA,OACA,cACA,cACD;YAED,oBAAC;GAAG,MAAM;GAAO,QAAQ,GAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,mBAAmB,WAAW,cAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,4CACE,qBAAC;EACC,WAAW,KACT,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,oBAAC;GAAS;GAAM,QAAQ,GAAG,OAAO;IAAQ,EAC1C,oBAAC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,oBAAC;EACC,WAAW,KACT,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,oBAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,oBAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/customized-link/external-link.tsx
|
|
4
|
-
const ExternalLink = ({ to, target = "_self", className = "", children, onMouseEnter, onMouseLeave }) => {
|
|
4
|
+
const ExternalLink = ({ to, target = "_self", className = "", children, id = "", onMouseEnter, onMouseLeave }) => {
|
|
5
5
|
return /* @__PURE__ */ jsx("a", {
|
|
6
6
|
href: to,
|
|
7
7
|
target,
|
|
8
8
|
className,
|
|
9
|
+
id,
|
|
9
10
|
onMouseEnter,
|
|
10
11
|
onMouseLeave,
|
|
11
12
|
children
|
|
@@ -15,4 +16,4 @@ var external_link_default = ExternalLink;
|
|
|
15
16
|
|
|
16
17
|
//#endregion
|
|
17
18
|
export { external_link_default };
|
|
18
|
-
//# sourceMappingURL=external-link-
|
|
19
|
+
//# sourceMappingURL=external-link-BMIFL3DE.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"external-link-BMIFL3DE.mjs","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n to,\n target = '_self',\n className = '',\n children,\n id = '',\n onMouseEnter,\n onMouseLeave,\n}) => {\n return (\n <a\n href={to}\n target={target}\n className={className}\n id={id}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n {children}\n </a>\n )\n}\n\nexport default ExternalLink\n"],"mappings":";;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,UACA,KAAK,IACL,cACA,mBACI;AACJ,QACE,oBAAC;EACC,MAAM;EACE;EACG;EACP;EACU;EACA;EAEb;GACC;;AAIR,4BAAe"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CustomizedLinkProps } from "./type-
|
|
1
|
+
import { CustomizedLinkProps } from "./type-CcygKers.js";
|
|
2
2
|
import { FC } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/customized-link/external-link.d.ts
|
|
@@ -6,4 +6,4 @@ type ExternalLinkProps = CustomizedLinkProps;
|
|
|
6
6
|
declare const ExternalLink: FC<ExternalLinkProps>;
|
|
7
7
|
//#endregion
|
|
8
8
|
export { ExternalLink };
|
|
9
|
-
//# sourceMappingURL=external-link-
|
|
9
|
+
//# sourceMappingURL=external-link-BMxYePU7.d.ts.map
|
|
@@ -3,11 +3,12 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
3
3
|
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
4
4
|
|
|
5
5
|
//#region src/customized-link/external-link.tsx
|
|
6
|
-
const ExternalLink = ({ to, target = "_self", className = "", children, onMouseEnter, onMouseLeave }) => {
|
|
6
|
+
const ExternalLink = ({ to, target = "_self", className = "", children, id = "", onMouseEnter, onMouseLeave }) => {
|
|
7
7
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
|
|
8
8
|
href: to,
|
|
9
9
|
target,
|
|
10
10
|
className,
|
|
11
|
+
id,
|
|
11
12
|
onMouseEnter,
|
|
12
13
|
onMouseLeave,
|
|
13
14
|
children
|
|
@@ -22,4 +23,4 @@ Object.defineProperty(exports, 'external_link_default', {
|
|
|
22
23
|
return external_link_default;
|
|
23
24
|
}
|
|
24
25
|
});
|
|
25
|
-
//# sourceMappingURL=external-link-
|
|
26
|
+
//# sourceMappingURL=external-link-Ce1_loKh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"external-link-Ce1_loKh.js","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n to,\n target = '_self',\n className = '',\n children,\n id = '',\n onMouseEnter,\n onMouseLeave,\n}) => {\n return (\n <a\n href={to}\n target={target}\n className={className}\n id={id}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n {children}\n </a>\n )\n}\n\nexport default ExternalLink\n"],"mappings":";;;;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,UACA,KAAK,IACL,cACA,mBACI;AACJ,QACE,2CAAC;EACC,MAAM;EACE;EACG;EACP;EACU;EACA;EAEb;GACC;;AAIR,4BAAe"}
|