@20minutes/hela 0.1.97 → 0.1.98

package/dist/components/atoms/Icon/SvgSprite.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { SVGProps } from 'react';
-declare const SvgSprite: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const SvgSprite: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgSprite;

package/dist/components/atoms/Img/Img.d.ts

@@ -6,5 +6,9 @@ export interface ImgProps extends BoxProps {
     formats?: string[];
     sizes?: string;
     alt?: string;
+    lazyload?: {
+        delayed: boolean;
+        distanceVisible?: number;
+    };
 }
 export declare const Img: React.FC<ImgProps>;

package/dist/components/atoms/Pipe/Pipe.d.ts

@@ -1 +1,2 @@
-export declare function Pipe(): JSX.Element;
+import React from 'react';
+export declare function Pipe(): React.JSX.Element;

package/dist/components/atoms/SwitchDarkMode/SwitchDarkMode.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export interface SwitchDarkModeProps {
     id?: string;
     label?: string;
     isChecked?: boolean;
 }
-export declare const SwitchDarkMode: ({ id, label, isChecked }: SwitchDarkModeProps) => JSX.Element;
+export declare const SwitchDarkMode: ({ id, label, isChecked }: SwitchDarkModeProps) => React.JSX.Element;

package/dist/components/atoms/Tab/Tab.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { ColorSchemeTheme, TabType } from '../../../types';
+import type { TabType } from '../../../types';
 export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: TabType;
     name: string;
-    colorScheme?: ColorSchemeTheme;
+    variant?: TabType;
+    isLive?: boolean;
     isSelected?: boolean;
     index?: 0 | -1;
 }

package/dist/components/molecules/Card/Templates/CardOverview/CardOverview.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { FlexProps } from '../../../../../components';
 import type { CardType, ColorType } from '../../../../../types';
 export interface CardOverviewProps extends CardType, Omit<FlexProps<'a'>, 'title'> {
     labelBg?: ColorType;
 }
-export declare function CardOverview({ link, cardImageProps, cardHeaderProps, title, labelBg, ...flexProps }: CardOverviewProps): JSX.Element;
+export declare function CardOverview({ link, cardImageProps, cardHeaderProps, title, labelBg, ...flexProps }: CardOverviewProps): React.JSX.Element;

package/dist/components/molecules/MostReadArticles/MostReadArticles.d.ts

@@ -10,6 +10,7 @@ export interface MostReadArticlesProps {
             title: string;
             url: string;
             cover: string;
+            liveTime?: string;
         }[];
     }[];
     tabItemActive?: string;

package/dist/components/molecules/OverviewBar/OverviewBar.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { CardOverviewProps } from '../../../components';
 import type { ColorType } from '../../../types';
 import { LayoutType } from '../../../types';
@@ -8,4 +9,4 @@ export interface OverviewBarProps {
     auto?: boolean;
     delay?: number;
 }
-export declare function OverviewBar({ articles, layout, colorVariant, auto, delay, }: OverviewBarProps): JSX.Element;
+export declare function OverviewBar({ articles, layout, colorVariant, auto, delay, }: OverviewBarProps): React.JSX.Element;

package/dist/components/molecules/Signature/Signature.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 import type { FlexProps } from '../../../components';
 import type { RubricColorType } from '../../../types';
+import { LayoutType } from '../../../types';
 export interface SignatureProps extends FlexProps {
     avatar: string;
     username: string;
     publishedAt: string;
     editedAt: string;
+    layout: LayoutType;
     userlink?: string;
     authorHighlighted?: boolean;
     disableAvatar?: boolean;

package/dist/components/molecules/SubMenu/SubMenu.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { CardSmallProps } from '../../../components';
-import type { ColorSystemProps } from '../../../types';
-export interface SubMenuProps {
+import type { CardSmallProps, FlexProps } from '../../../components';
+import type { ColorSystemProps, SponsorType } from '../../../types';
+export interface SubMenuProps extends FlexProps {
     name: string;
     link: string;
     subCategory: {
@@ -9,13 +9,13 @@ export interface SubMenuProps {
             name: string;
             href: string;
         }[];
-        tags: {
+        tags?: {
             name: string;
             href: string;
         }[];
         cards: Omit<CardSmallProps, 'layout'>[];
     };
     color?: ColorSystemProps['color'];
-    className?: string;
+    sponsor?: SponsorType;
 }
 export declare const SubMenu: React.FC<SubMenuProps>;

package/dist/components/molecules/Tabs/Tabs.d.ts

@@ -5,6 +5,7 @@ export interface TabsProps {
         name: string;
         title: string;
         content: React.ReactNode;
+        isLive?: boolean;
     }[];
     tabItemActive?: string;
     tabVariant?: TabType;

package/dist/components/organisms/Header/HeaderDesktop.d.ts

@@ -1,15 +1,10 @@
 import React from 'react';
 import type { SubMenuProps } from '../../../components';
-import type { ColorSystemProps, ColorType } from '../../../types';
+import type { ColorType } from '../../../types';
 export interface HeaderDesktopProps {
     logohref: string;
     searchformurl: string;
-    headerLinks: {
-        name: string;
-        href: string;
-        color?: ColorSystemProps['color'];
-        subCategory?: SubMenuProps['subCategory'];
-    }[];
+    headerLinks: SubMenuProps[];
     dividerColor?: ColorType;
 }
 export declare const HeaderDesktop: React.FC<HeaderDesktopProps>;