@twreporter/react-components 9.5.0-rc.0 → 9.5.0-rc.1

package/lib/badge/badge.stories.d.ts

@@ -6,7 +6,7 @@ export default _default;
 export namespace badge {
     namespace args {
         let text: string;
-        let textColor: "#c40d23";
+        let textColor: any;
         let backgroundColor: string;
     }
 }

package/lib/bookmark-list/bookmarks.d.ts

@@ -3,7 +3,7 @@ declare function Bookmarks({ total, bookmarks, handleDelete, releaseBranch, }: {
     total?: number;
     bookmarks?: any[];
     handleDelete: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 declare namespace Bookmarks {
     namespace propTypes {

package/lib/bookmark-list/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("react-redux").ConnectedComponent<{
     ({ releaseBranch, bookmarks, total, getMultipleBookmarks, deleteSingleBookmark, isAuthed, jwt, userID, }: {
-        releaseBranch?: string;
+        releaseBranch?: any;
         bookmarks: any;
         total: any;
         getMultipleBookmarks: any;
@@ -20,7 +20,7 @@ declare const _default: import("react-redux").ConnectedComponent<{
         userID: any;
     };
     defaultProps: {
-        releaseBranch: string;
+        releaseBranch: any;
     };
 }, any>;
 export default _default;

package/lib/button/components/iconButton.d.ts

@@ -2,7 +2,7 @@ export default IconButton;
 declare function IconButton({ iconComponent, theme, type, disabled, active, ...props }: {
     [x: string]: any;
     iconComponent: any;
-    theme?: "normal";
+    theme?: any;
     type?: "primary";
     disabled?: boolean;
     active?: boolean;
@@ -18,5 +18,4 @@ declare namespace IconButton {
     export { THEME };
     export { Type };
 }
-import { THEME } from '@twreporter/core/lib/constants/theme';
 import { Type } from '../enums';

package/lib/button/components/iconWithTextButton.d.ts

@@ -2,7 +2,7 @@ export default IconWithTextButton;
 declare function IconWithTextButton({ text, iconComponent, theme, disabled, active, hideText, }: {
     text?: string;
     iconComponent: any;
-    theme?: "normal";
+    theme?: any;
     disabled?: boolean;
     active?: boolean;
     hideText?: boolean;
@@ -18,4 +18,3 @@ declare namespace IconWithTextButton {
     }
     export { THEME };
 }
-import { THEME } from '@twreporter/core/lib/constants/theme';

package/lib/button/components/menuButton.d.ts

@@ -3,10 +3,10 @@ declare function MenuButton({ text, link, color, fontWeight, hoverBgColor, activ
     [x: string]: any;
     text?: string;
     link?: {};
-    color?: "#404040";
+    color?: any;
     fontWeight?: "normal";
-    hoverBgColor?: "#f1f1f1";
-    activeBgColor?: "#e2e2e2";
+    hoverBgColor?: any;
+    activeBgColor?: any;
     paddingLeft?: number;
     paddingRight?: number;
 }): JSX.Element;

package/lib/button/components/pillButton.d.ts

@@ -5,7 +5,7 @@ declare function PillButton({ text, leftIconComponent, rightIconComponent, size,
     leftIconComponent?: any;
     rightIconComponent?: any;
     size?: "S";
-    theme?: "normal";
+    theme?: any;
     type?: "primary";
     style?: "brand";
     disabled?: boolean;
@@ -28,7 +28,6 @@ declare namespace PillButton {
     export { Size };
     export { Style };
 }
-import { THEME } from '@twreporter/core/lib/constants/theme';
 import { Type } from '../enums';
 import { Size } from '../../shared-enum';
 import { Style } from '../enums';

package/lib/button/components/textButton.d.ts

@@ -5,7 +5,7 @@ declare function TextButton({ text, leftIconComponent, rightIconComponent, size,
     leftIconComponent?: any;
     rightIconComponent?: any;
     size?: "S";
-    theme?: "normal";
+    theme?: any;
     style?: "dark";
     active?: boolean;
     disabled?: boolean;
@@ -27,6 +27,5 @@ declare namespace TextButton {
     export { Size };
     export { Style };
 }
-import { THEME } from '@twreporter/core/lib/constants/theme';
 import { Size } from '../../shared-enum';
 import { Style } from '../enums';

package/lib/button/stories/iconButton.stories.d.ts

@@ -16,7 +16,7 @@ export default _default;
 export namespace iconButton {
     namespace args {
         export let iconComponent: JSX.Element;
-        export let theme: "normal";
+        export let theme: any;
         let type_1: "primary";
         export { type_1 as type };
         export let disabled: boolean;
@@ -27,7 +27,7 @@ export namespace shareButton {
     export namespace args_1 {
         let iconComponent_1: JSX.Element;
         export { iconComponent_1 as iconComponent };
-        let theme_1: "normal";
+        let theme_1: any;
         export { theme_1 as theme };
         let type_2: "primary";
         export { type_2 as type };

package/lib/button/stories/iconWithTextButton.stories.d.ts

@@ -10,7 +10,7 @@ export namespace iconWithTextButton {
     namespace args {
         let text: string;
         let iconComponent: JSX.Element;
-        let theme: "normal";
+        let theme: any;
         let disabled: boolean;
         let active: boolean;
         let hideText: boolean;
@@ -22,7 +22,7 @@ export namespace shareButton {
         export { text_1 as text };
         let iconComponent_1: JSX.Element;
         export { iconComponent_1 as iconComponent };
-        let theme_1: "normal";
+        let theme_1: any;
         export { theme_1 as theme };
         let disabled_1: boolean;
         export { disabled_1 as disabled };

package/lib/button/stories/menuButton.stories.d.ts

@@ -16,9 +16,9 @@ export namespace menuButton {
     namespace args {
         let text: string;
         let link: {};
-        let color: "#404040";
-        let hoverBgColor: "#f1f1f1";
-        let activeBgColor: "#e2e2e2";
+        let color: any;
+        let hoverBgColor: any;
+        let activeBgColor: any;
         let paddingLeft: number;
         let paddingRight: number;
     }

package/lib/button/stories/pillButton.stories.d.ts

@@ -41,7 +41,7 @@ export namespace pillButton {
     namespace args {
         export let text: string;
         export let size: "S";
-        export let theme: "normal";
+        export let theme: any;
         let style_1: "brand";
         export { style_1 as style };
         let type_3: "primary";
@@ -66,7 +66,7 @@ export namespace toggleIconDisplay {
         export { text_1 as text };
         let size_1: "S";
         export { size_1 as size };
-        let theme_1: "normal";
+        let theme_1: any;
         export { theme_1 as theme };
         let style_2: "brand";
         export { style_2 as style };

package/lib/button/stories/textButton.stories.d.ts

@@ -33,7 +33,7 @@ export namespace textButton {
     namespace args {
         export let text: string;
         export let size: "S";
-        export let theme: "normal";
+        export let theme: any;
         let style_1: "dark";
         export { style_1 as style };
         export let active: boolean;
@@ -59,7 +59,7 @@ export namespace toggleIconDisplay {
         export { text_1 as text };
         let size_1: "S";
         export { size_1 as size };
-        let theme_1: "normal";
+        let theme_1: any;
         export { theme_1 as theme };
         let style_2: "dark";
         export { style_2 as style };

package/lib/button/utils/theme.d.ts

@@ -1,209 +1,38 @@
 export function getFilledPillButtonTheme(theme: any, disabled: any, style: any): {
-    color: "#ffffff";
-    bgColor: "#bbbbbb";
-    hoverColor: "#ffffff";
-    hoverBgColor: "#bbbbbb";
-} | {
-    color: "#666666";
-    bgColor: "#9c9c9c";
-    hoverColor: "#666666";
-    hoverBgColor: "#9c9c9c";
-} | {
-    color: "#052142";
-    bgColor: "#ffffff";
-    hoverColor: "#052142";
-    hoverBgColor: "#e2e2e2";
-} | {
-    color: "#052142";
-    bgColor: "#cdcdcd";
-    hoverColor: "#052142";
-    hoverBgColor: "#bbbbbb";
-} | {
-    color: "#052142";
-    bgColor: "#f0d5be";
-    hoverColor: "#052142";
-    hoverBgColor: "#e3be98";
-} | {
-    color: "#404040";
-    bgColor: "#cdcdcd";
-    hoverColor: "#404040";
-    hoverBgColor: "#bbbbbb";
-} | {
-    color: "#ffffff";
-    bgColor: "#404040";
-    hoverColor: "#ffffff";
-    hoverBgColor: "#000000";
-} | {
-    color: "#404040";
-    bgColor: "#ffffff";
-    hoverColor: "#404040";
-    hoverBgColor: "#e2e2e2";
-} | {
-    color: "#ffffff";
-    bgColor: "#c40d23";
-    hoverColor: "#ffffff";
-    hoverBgColor: "#9b051e";
+    color: any;
+    bgColor: any;
+    hoverColor: any;
+    hoverBgColor: any;
 };
 export function getOutlinePillButtonTheme(theme: any, disabled: any, style: any): {
-    color: "#bbbbbb";
-    bgColor: "#bbbbbb";
-    hoverColor: "#bbbbbb";
-    hoverBgColor: "#bbbbbb";
-} | {
-    color: "#9c9c9c";
-    bgColor: "#9c9c9c";
-    hoverColor: "#9c9c9c";
-    hoverBgColor: "#9c9c9c";
-} | {
-    color: "#ffffff";
-    bgColor: "#ffffff";
-    hoverColor: "#e2e2e2";
-    hoverBgColor: "#e2e2e2";
-} | {
-    color: "#cdcdcd";
-    bgColor: "#cdcdcd";
-    hoverColor: "#bbbbbb";
-    hoverBgColor: "#bbbbbb";
-} | {
-    color: "#f0d5be";
-    bgColor: "#f0d5be";
-    hoverColor: "#e3be98";
-    hoverBgColor: "#e3be98";
-} | {
-    color: "#404040";
-    bgColor: "#404040";
-    hoverColor: "#000000";
-    hoverBgColor: "#000000";
-} | {
-    color: "#404040";
-    bgColor: "#ffffff";
-    hoverColor: "#404040";
-    hoverBgColor: "#e2e2e2";
-} | {
-    color: "#c40d23";
-    bgColor: "#c40d23";
-    hoverColor: "#9b051e";
-    hoverBgColor: "#9b051e";
+    color: any;
+    bgColor: any;
+    hoverColor: any;
+    hoverBgColor: any;
 };
 export function getPrimaryIconButtonTheme(theme: any, isActive: any, isDisabled: any): {
-    color: "#bbbbbb";
-    hoverColor: "#bbbbbb";
-} | {
-    color: "#ffffff";
-    hoverColor: "#e3be98";
-} | {
-    color: "#e3be98";
-    hoverColor: "#e3be98";
-} | {
-    color: "#ffffff";
-    hoverColor: "#e2e2e2";
-} | {
-    color: "#ffffff";
-    hoverColor: "#ffffff";
-} | {
-    color: "#c40d23";
-    hoverColor: "#c40d23";
-} | {
-    color: "#808080";
-    hoverColor: "#404040";
+    color: any;
+    hoverColor: any;
 };
 export function getSecondaryIconButtonTheme(theme: any, isActive: any, isDisabled: any): {
-    color: "#bbbbbb";
-    hoverColor: "#bbbbbb";
-} | {
-    color: "#bbbbbb";
-    hoverColor: "#e3be98";
-} | {
-    color: "#e3be98";
-    hoverColor: "#e3be98";
-} | {
-    color: "#808080";
-    hoverColor: "#ffffff";
-} | {
-    color: "#808080";
-    hoverColor: "#808080";
-} | {
-    color: "#c40d23";
-    hoverColor: "#c40d23";
-} | {
-    color: "#bbbbbb";
-    hoverColor: "#808080";
+    color: any;
+    hoverColor: any;
 };
 export function getIconWithTextButtonTheme(theme: any, isActive: any, isDisabled: any): {
-    color: "#bbbbbb";
-    hoverColor: "#bbbbbb";
-} | {
-    color: "#e2e2e2";
-    hoverColor: "#e3be98";
-} | {
-    color: "#e3be98";
-    hoverColor: "#e3be98";
-} | {
-    color: "#f1f1f1";
-    hoverColor: "#e2e2e2";
-} | {
-    color: "#ffffff";
-    hoverColor: "#ffffff";
-} | {
-    color: "#c40d23";
-    hoverColor: "#c40d23";
-} | {
-    color: "#808080";
-    hoverColor: "#c40d23";
+    color: any;
+    hoverColor: any;
 };
 export function getTextButtonTheme(theme: any, style: any): {
-    color: "#ffffff";
-    hoverColor: "#e3be98";
-} | {
-    color: "#cdcdcd";
-    hoverColor: "#bbbbbb";
-} | {
-    color: "#f0d5be";
-    hoverColor: "#e3be98";
-} | {
-    color: "#404040";
-    hoverColor: "#000000";
-} | {
-    color: "#ffffff";
-    hoverColor: "#e2e2e2";
-} | {
-    color: "#404040";
-    hoverColor: "#c40d23";
-} | {
-    color: "#808080";
-    hoverColor: "#404040";
-} | {
-    color: "#c40d23";
-    hoverColor: "#9b051e";
+    color: any;
+    hoverColor: any;
 };
 export function getDisabledTextButtonTheme(theme: any): {
-    color: "#9c9c9c";
-    hoverColor: "#9c9c9c";
-} | {
-    color: "#bbbbbb";
-    hoverColor: "#bbbbbb";
+    color: any;
+    hoverColor: any;
 };
 export function getActiveTextButtonTheme(theme: any, style: any): {
-    color: "#bbbbbb";
-    hoverColor: "#bbbbbb";
-} | {
-    color: "#e3be98";
-    hoverColor: "#e3be98";
-} | {
-    color: "#000000";
-    hoverColor: "#000000";
-} | {
-    color: "#e2e2e2";
-    hoverColor: "#e2e2e2";
-} | {
-    color: "#c40d23";
-    hoverColor: "#c40d23";
-} | {
-    color: "#404040";
-    hoverColor: "#404040";
-} | {
-    color: "#9b051e";
-    hoverColor: "#9b051e";
+    color: any;
+    hoverColor: any;
 };
 declare namespace _default {
     export { getFilledPillButtonTheme };

package/lib/card/components/article-card.d.ts

@@ -8,9 +8,9 @@ declare function ArticleCard({ title, description, date, image, category, size,
     size?: "S";
     isBookmarked?: boolean;
     toggleBookmark: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
     showIsBookmarked?: boolean;
-    style?: string;
+    style?: any;
     slug?: string;
 }): JSX.Element;
 declare namespace ArticleCard {
@@ -30,5 +30,4 @@ declare namespace ArticleCard {
     }
     export { Size };
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
 import { Size } from '../../shared-enum';

package/lib/card/components/short-story.d.ts

@@ -5,8 +5,8 @@ declare function ShortStory({ title, date, image, category, size, releaseBranch,
     image?: {};
     category?: string;
     size?: "S";
-    releaseBranch?: string;
-    style?: string;
+    releaseBranch?: any;
+    style?: any;
     slug?: string;
 }): JSX.Element;
 declare namespace ShortStory {
@@ -22,5 +22,4 @@ declare namespace ShortStory {
     }
     export { Size };
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
 import { Size } from '../../shared-enum';

package/lib/card/stories/articleCard.stories.d.ts

@@ -20,7 +20,7 @@ export namespace article {
             let src: string;
             let alt: string;
         }
-        export let releaseBranch: string;
+        export let releaseBranch: any;
         export let isBookmarked: boolean;
         export let showIsBookmarked: boolean;
     }

package/lib/card/stories/shortStory.stories.d.ts

@@ -26,8 +26,8 @@ export namespace shortStory {
             let src: string;
             let alt: string;
         }
-        export let releaseBranch: string;
-        let style_1: string;
+        export let releaseBranch: any;
+        let style_1: any;
         export { style_1 as style };
         export let slug: string;
     }

package/lib/color.stories.d.ts

@@ -13,7 +13,7 @@ declare namespace _default {
             namespace control {
                 let type_1: string;
                 export { type_1 as type };
-                export let presetColors: ("#808080" | "#f1f1f1" | "#052142")[];
+                export let presetColors: any[];
             }
         }
     }
@@ -26,7 +26,7 @@ export namespace colorSet {
         import type_2 = ColorSetEnum.GRAYSCALE;
         export { type_2 as type };
         export let showColorText: boolean;
-        let background_1: "#f1f1f1";
+        let background_1: any;
         export { background_1 as background };
     }
 }

package/lib/empty-state/index.d.ts

@@ -1,6 +1,6 @@
 export default EmptyState;
 declare function EmptyState({ releaseBranch, style, title, showGuide, guide, showButton, buttonText, buttonUrl, buttonOnclick, maxWidth, }: {
-    releaseBranch?: string;
+    releaseBranch?: any;
     style?: "default";
     title?: string;
     showGuide?: boolean;
@@ -26,5 +26,4 @@ declare namespace EmptyState {
     }
     export { Style };
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
 import { Style } from './enums';

package/lib/footer/constants/links.js

@@ -82,7 +82,7 @@ var getLinksGroups = exports.getLinksGroups = function getLinksGroups(mainOrigin
   }, {
     slug: 'subcribe-podcast',
     text: '訂閱 Podcast',
-    to: 'https://bit.ly/4cxM3Tm',
+    to: 'https://solink.soundon.fm/twreporter-U7Q',
     target: '_blank'
   }, {
     slug: 'subcribe-RSS',

package/lib/footer/footer.stories.d.ts

@@ -8,7 +8,7 @@ declare namespace _default {
 export default _default;
 export namespace footer {
     namespace args {
-        let releaseBranch: string;
+        let releaseBranch: any;
     }
 }
 import Footer from './index';

package/lib/footer/index.d.ts

@@ -1,6 +1,6 @@
 export default Footer;
 declare function Footer({ releaseBranch }: {
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 declare namespace Footer {
     namespace propTypes {

package/lib/footer/link.d.ts

@@ -1,5 +1,5 @@
 export function FooterLinkButtonGroups({ releaseBranch, }: {
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): any;
 export namespace FooterLinkButtonGroups {
     namespace propTypes {
@@ -7,7 +7,7 @@ export namespace FooterLinkButtonGroups {
     }
 }
 export function FooterSocialMediaIcons({ releaseBranch, }: {
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): any;
 export namespace FooterSocialMediaIcons {
     export namespace propTypes_1 {

package/lib/footer/logo.d.ts

@@ -1,6 +1,6 @@
 export default Logo;
 declare function Logo({ releaseBranch }: {
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 declare namespace Logo {
     namespace propTypes {

package/lib/icon/index.d.ts

@@ -2,7 +2,7 @@ export function Icon({ type, filename, releaseBranch, ...restProps }: {
     [x: string]: any;
     type?: "mask";
     filename?: string;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Icon {
     export namespace propTypes {
@@ -15,7 +15,7 @@ export namespace Icon {
 }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger {
     export namespace propTypes_1 {
@@ -29,122 +29,122 @@ export namespace Hamburger {
 }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Hamburger({ releaseBranch, ...props }: {
     [x: string]: any;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 export namespace Hamburger { }
 export function Arrow({ direction, releaseBranch, ...props }: {
@@ -219,9 +219,7 @@ declare namespace _default {
     export { Filter };
 }
 export default _default;
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
 import { IconType } from './enum';
-import { BRANCH } from '@twreporter/core/lib/constants/release-branch';
 import { ArrowDirection } from './enum';
 import { BookmarkType } from './enum';
 import { MediaType } from './enum';

package/lib/image-with-fallback.d.ts

@@ -3,7 +3,7 @@ declare function Image({ src, alt, srcSet, releaseBranch, }: {
     src: any;
     alt?: string;
     srcSet?: string;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 declare namespace Image {
     namespace propTypes {
@@ -13,4 +13,3 @@ declare namespace Image {
         export { BRANCH_PROP_TYPES as releaseBranch };
     }
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';

package/lib/input/components/search-bar.d.ts

@@ -2,8 +2,8 @@ export default SearchBar;
 declare function SearchBar({ placeholder, theme, releaseBranch, onSearch, onClose, handleBlur, autofocus, widthType, ...props }: {
     [x: string]: any;
     placeholder?: string;
-    theme?: "normal";
-    releaseBranch?: string;
+    theme?: any;
+    releaseBranch?: any;
     onSearch?: () => void;
     onClose?: () => void;
     handleBlur?: () => void;
@@ -24,6 +24,4 @@ declare namespace SearchBar {
     export { THEME };
     export { WidthType };
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
-import { THEME } from '@twreporter/core/lib/constants/theme';
 import { WidthType } from '../enums';

package/lib/input/stories/search-bar.stories.d.ts

@@ -17,8 +17,8 @@ export default _default;
 export namespace searchBar {
     namespace args {
         export let placeholder: string;
-        export let theme: "normal";
-        export let releaseBranch: string;
+        export let theme: any;
+        export let releaseBranch: any;
         export { onSearch };
         export { onClose };
         export let autofocus: boolean;

package/lib/input/utils/theme.d.ts

@@ -1,17 +1,9 @@
 export function selectThemeStyle(theme: any): {
-    bgColor: "rgba(255, 255, 255, 0.8)";
-    focusBgColor: "#f1f1f1";
-    desktopBgColor: "#f1f1f1";
-    borderColor: "#e3be98";
-    color: "#404040";
-    focusColor: "#9c9c9c";
-    placeholderColor: "#404040";
-} | {
-    bgColor: "rgba(241, 241, 241, 0.8)";
-    focusBgColor: "rgba(241, 241, 241, 0.8)";
-    desktopBgColor: "#ffffff";
-    borderColor: "#808080";
-    color: "#404040";
-    focusColor: "#9c9c9c";
-    placeholderColor: "#9c9c9c";
+    bgColor: any;
+    focusBgColor: any;
+    desktopBgColor: any;
+    borderColor: any;
+    color: any;
+    focusColor: any;
+    placeholderColor: any;
 };

package/lib/listing-page/components/card-list.d.ts

@@ -3,7 +3,7 @@ declare function CardList({ data, isFetching, showSpinner, releaseBranch, showIs
     data?: any[];
     isFetching?: boolean;
     showSpinner?: boolean;
-    releaseBranch?: string;
+    releaseBranch?: any;
     showIsBookmarked?: boolean;
     width?: number;
 }): JSX.Element;
@@ -17,4 +17,3 @@ declare namespace CardList {
         export let width: any;
     }
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';

package/lib/listing-page/stories/cardList.stories.d.ts

@@ -63,7 +63,7 @@ export namespace card {
             slug: string;
             is_bookmarked?: undefined;
         })[];
-        let releaseBranch: string;
+        let releaseBranch: any;
         let showIsBookmarked: boolean;
         let width: number;
     }

package/lib/logo/components/logo-footer.d.ts

@@ -1,6 +1,6 @@
 export default LogoFooter;
 declare function LogoFooter({ releaseBranch, type, }: {
-    releaseBranch?: string;
+    releaseBranch?: any;
     type?: string;
 }): JSX.Element;
 declare namespace LogoFooter {
@@ -10,7 +10,6 @@ declare namespace LogoFooter {
     }
     export { logoType as Type };
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
 declare namespace logoType {
     let DEFAULT: string;
     let WHITE: string;

package/lib/logo/components/logo-header.d.ts

@@ -2,7 +2,7 @@ export default LogoHeader;
 declare function LogoHeader({ type, releaseBranch, ...props }: {
     [x: string]: any;
     type?: string;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 declare namespace LogoHeader {
     export namespace propTypes {
@@ -11,7 +11,6 @@ declare namespace LogoHeader {
     }
     export { logoType as Type };
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
 declare namespace logoType {
     let DEFAULT: string;
     let WHITE: string;

package/lib/logo/components/logo-loading-fallback.d.ts

@@ -1,10 +1,9 @@
 export default LogoFallback;
 declare function LogoFallback({ releaseBranch }: {
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 declare namespace LogoFallback {
     namespace propTypes {
         export { BRANCH_PROP_TYPES as releaseBranch };
     }
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';

package/lib/logo/components/logo-symbol.d.ts

@@ -2,7 +2,7 @@ export default LogoSymbol;
 declare function LogoSymbol({ type, releaseBranch, ...props }: {
     [x: string]: any;
     type?: string;
-    releaseBranch?: string;
+    releaseBranch?: any;
 }): JSX.Element;
 declare namespace LogoSymbol {
     export namespace propTypes {
@@ -11,7 +11,6 @@ declare namespace LogoSymbol {
     }
     export { logoType as Type };
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
 declare namespace logoType {
     let DEFAULT: string;
     let BLACK: string;

package/lib/mobile-member-role-card/index.d.ts

@@ -1,12 +1,12 @@
 export default MobileMemberRoleCard;
 declare function MobileMemberRoleCard({ role, releaseBranch, email, joinDate, name, articleReadCount, articleReadingTimeUnit, articleReadingTime, hideInfo, }: {
-    role?: string;
-    releaseBranch?: string;
+    role?: any;
+    releaseBranch?: any;
     email?: string;
     joinDate?: string;
     name?: string;
     articleReadCount?: number;
-    articleReadingTimeUnit?: "minute";
+    articleReadingTimeUnit?: any;
     articleReadingTime?: number;
     hideInfo?: boolean;
 }): JSX.Element;
@@ -23,4 +23,3 @@ declare namespace MobileMemberRoleCard {
         export let hideInfo: any;
     }
 }
-import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';

package/lib/snack-bar/components/snack-bar.d.ts

@@ -1,7 +1,7 @@
 export default SnackBar;
 declare function SnackBar({ text, theme }: {
     text?: string;
-    theme?: "normal";
+    theme?: any;
 }): JSX.Element;
 declare namespace SnackBar {
     export namespace propTypes {
@@ -10,4 +10,3 @@ declare namespace SnackBar {
     }
     export { THEME };
 }
-import { THEME } from '@twreporter/core/lib/constants/theme';

package/lib/snack-bar/stories/snackBar.stories.d.ts

@@ -9,7 +9,7 @@ export default _default;
 export namespace snackBar {
     namespace args {
         let text: string;
-        let theme: "normal";
+        let theme: any;
     }
 }
 export namespace clickToShow {

package/lib/snack-bar/utils/theme.d.ts

@@ -1,9 +1,6 @@
 export function getSnackBarTheme(theme: any): {
-    color: "#404040";
-    bgColor: "#e2e2e2";
-} | {
-    color: "#ffffff";
-    bgColor: "#404040";
+    color: any;
+    bgColor: any;
 };
 declare namespace _default {
     export { getSnackBarTheme };

package/lib/storybook/constants/index.d.ts

@@ -1,6 +1,6 @@
 export namespace BRANCH_STORYBOOK_ARG_TYPE {
-    let defaultValue: string;
-    let options: string[];
+    let defaultValue: any;
+    let options: any[];
     namespace control {
         let type: string;
     }

package/lib/text/constants/headline-type.d.ts

@@ -1,4 +1,4 @@
 export const TYPE_FONT_FAMILY: Readonly<{
-    default: string;
-    article: string;
+    default: any;
+    article: any;
 }>;

package/lib/text/utils/webfonts.d.ts

@@ -4,7 +4,6 @@ declare namespace _default {
 }
 export default _default;
 declare const fontFaces: {
-    "Noto Sans TC": any;
-    "Tauhu Oo": any;
+    [x: number]: any;
 };
 declare let fontGCSFiles: any[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "9.5.0-rc.0",
+  "version": "9.5.0-rc.1",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -56,5 +56,5 @@
     "storybook": "^8.1.11",
     "typescript": "^5.7.3"
   },
-  "gitHead": "53b64eb9f37b4d8df44e6bb8db7bece5cae16f87"
+  "gitHead": "43dc91590b6a5ef7f51881f809317e48a11797a3"
 }