@20minutes/hela 0.1.67 → 0.1.69

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps } from '../../../components';
 export interface AdProps extends BoxProps {
     adUnitCompletePath: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IconProps } from '../../../components';
 export interface AlertProps {
     variant?: 'success' | 'warning' | 'error';

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

@@ -1,5 +1,5 @@
 import { RawDraftContentState } from 'draft-js';
-import * as React from 'react';
+import React from 'react';
 import { ColorSchemeTheme } from '../../../types';
 export interface ArticleContentProps {
     content: RawDraftContentState;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps } from '../../../components';
 import { RubricColorType } from '../../../types';
 export interface AvatarProps extends BoxProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     variant?: 'success' | 'error';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IconSizeType } from '../../../types';
 import { BoxProps } from '../../../components';
 export interface DividerSectionProps extends BoxProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface EmbedProps {
     html: string;
 }

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps } from '../../../components';
 export interface ImgProps extends BoxProps {
     src?: string;

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 import { TextProps } from '../../../components';
 export declare const InlineSeparator: React.FC<TextProps>;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FlexProps } from '../../../components';
 import { TextSizeType } from '../../../types';
 export interface LabelProps extends FlexProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface LabelSectionProps {
     children: React.ReactNode;
 }

package/dist/components/atoms/Layout/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps } from '../../../../components';
 import { FlexOrGridBoxSystemProps, TypeWithMediaQueriesType } from '../../../../types';
 export declare const colsNumberGridList: readonly [2, 3, 4, 6, 12, "2-of-3"];

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 type MetaTagProps = 'name' | 'property' | 'content';
 export interface MetaProps {
     metas: {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
     dialogId: string;
     children: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps } from '../../../components';
 export type OverlayProps = BoxProps;
 export declare const Overlay: React.FC<OverlayProps>;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface ReadAlsoProps {
     title: string;
     link: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps } from '../../../components';
 export interface SectionProps extends BoxProps {
     inner?: boolean;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
     options: {
         value: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FlexProps } from '../../../components';
 export interface SkeletonProps extends FlexProps {
     variant: 'button' | 'icon' | 'connexion' | 'commentButton';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColorSchemeTheme, TabType } from '../../../types';
 export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: TabType;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface TabPanelProps {
     name: string;
     children: React.ReactNode;

package/dist/components/molecules/Article/ArticleCover/ArticleCover.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { LayoutType, MediaSourceType } from '../../../../types';
 export interface ArticleCoverProps {
     type: MediaSourceType;

package/dist/components/molecules/Article/ArticleHeader/ArticleHeader.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColorType, LayoutType } from '../../../../types';
 export interface ArticleHeaderProps {
     title: string;

package/dist/components/molecules/Article/ArticleSummary/ArticleSummary.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { RawDraftContentState } from 'draft-js';
 import { BoxProps } from '../../../../components';
 import { RubricColorType } from '../../../../types';

package/dist/components/molecules/Article/ArticleVideo/ArticleVideo.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface ArticleVideoProps {
     html: string;
     caption?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColorType, LayoutType } from '../../../types';
 export interface BreadcrumbProps {
     rubric: {

package/dist/components/molecules/Breadcrumb/BreadcrumbRubric.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface BreadcrumbRubricProps {
     rubric: {
         label: string;

package/dist/components/molecules/Card/CardMostRead/CardMostRead.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { CardType, LayoutType, SpacingSystemProps } from '../../../../types';
 export interface CardMostReadProps extends CardType, SpacingSystemProps {
     index: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps } from '../../../components';
 export interface CommentProps extends BoxProps {
     enableComment: boolean;

package/dist/components/molecules/Comment/CommentButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface CommentButtonProps {
     enableComment: boolean;
     commentNumber?: number;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps } from '../../../components';
 export interface ErrorContentProps extends BoxProps {
     statusCode: '404' | '500';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FlexProps, IconHoroscopeName } from '../../../components';
 export interface HeaderBannerProps extends FlexProps<'div'> {
     title: string;

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

@@ -3,11 +3,11 @@ import { ColorSystemProps } from '../../../types';
 export interface HeaderMiniProps {
     headerLinks: {
         name: string;
-        categoryLink: string;
-        theme?: ColorSystemProps['color'];
+        href: string;
+        color?: ColorSystemProps['color'];
     }[];
     isArticlePage?: boolean;
-    shortTitle: string;
-    headline: string;
+    shortTitle?: string;
+    headline?: string;
 }
 export declare const HeaderMini: React.FC<HeaderMiniProps>;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { RawDraftContentState } from 'draft-js';
 import { ColorType } from '../../../types';
 import { BoxProps } from '../../../components';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ButtonProps, HeadingProps } from '../../../components';
 export interface HeaderSideModalProps extends ButtonProps {
     dialogId: string;

package/dist/components/molecules/Horoscope/HoroscopeContent/HoroscopeContent.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { HoroscopeTopicCardProps, InfoBannerProps } from '../../../../components';
 export interface HoroscopeContentProps {
     topics: HoroscopeTopicCardProps[];

package/dist/components/molecules/Horoscope/HoroscopeTiles/HoroscopeTiles.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface HoroscopeTilesProps {
     horoscopeSignsList: {
         label: string;

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
+import React from 'react';
 import { RawDraftContentState } from 'draft-js';
-import { FlexProps } from '../../../components';
+import { ButtonProps, FlexProps } from '../../../components';
 export interface InfoBannerProps extends FlexProps<'div'> {
-    cover?: string;
-    description: RawDraftContentState | string;
     title?: string;
+    description: RawDraftContentState | string;
+    cover?: string;
     variant?: 'default' | 'alert' | 'framed';
-    isCloseable?: boolean;
-    link?: string;
+    link?: React.ComponentProps<'a'>;
+    closeButton?: ButtonProps;
 }
 export declare const InfoBanner: React.FC<InfoBannerProps>;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColorType, LayoutType } from '../../../types';
 import { LinkProps, TagProps } from '../../../components';
 export interface MenuProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { LayoutType } from '../../../types';
 export interface MostReadArticlesProps {
     tabItems: {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { LayoutType, RubricColorType } from '../../../types';
 export interface NewsletterProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { CardSmallProps } from '../../../components';
 import { LayoutType, RubricColorType } from '../../../types';
 export interface RubricCardsProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColorType } from '../../../types';
 export interface SearchFormProps extends React.HTMLAttributes<HTMLFormElement> {
     id: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FlexProps } from '../../../components';
 export interface SignatureProps extends FlexProps {
     avatar: string;

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

@@ -1,2 +1,7 @@
-import * as React from 'react';
-export declare const SmartBanner: React.FC;
+import React from 'react';
+import { ButtonProps } from '../../../components';
+export interface SmartBannerProps {
+    installButton: ButtonProps;
+    closeButton: ButtonProps;
+}
+export declare const SmartBanner: React.FC<SmartBannerProps>;

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

@@ -1,7 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 import { LayoutType, RubricColorType, SpacingSystemProps } from '../../../types';
 export interface SocialBarProps extends SpacingSystemProps {
     commentCount: number;
+    commentAnchor?: string;
     shareCount: number;
     layout?: LayoutType;
     variant?: 'advanced' | 'simple';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColorType } from '../../../types';
 import { CardHeaderProps } from '../Card/CardHeader';
 export interface SubMenuProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { TabType } from '../../../types';
 export interface TabsProps {
     tabItems: {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BoxProps, TagProps } from '../../../components';
 import { LayoutType } from '../../../types';
 export interface TagBarProps extends BoxProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IconName, LinkProps } from '../../../components';
 export interface TilesProps extends LinkProps {
     icon: IconName;

package/dist/components/organisms/Footer/Footer.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { LayoutType } from '../../../types';
 import { FooterSocialIconsProps } from './FooterSocialIcons';
 import { FooterLinksProps } from './FooterLinks';

package/dist/components/organisms/Footer/FooterDesktop.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 import { FooterProps } from '../../../components';
 export declare const FooterDesktop: React.FC<FooterProps>;

package/dist/components/organisms/Footer/FooterLinks.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export type FooterLinkType = {
     id?: string;
     name: string;

package/dist/components/organisms/Footer/FooterMobile.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 import { FooterProps } from '../../../components';
 export declare const FooterMobile: React.FC<FooterProps>;

package/dist/components/organisms/Footer/FooterSocialIcons.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IconName } from '../../../components';
 export interface FooterSocialIconsProps {
     socialIcons: {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { LayoutType } from '../../../types';
 import { HeaderDesktopProps } from './HeaderDesktop';
 export interface HeaderProps extends HeaderDesktopProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColorType } from '../../../types';
 import { SubMenuProps } from '../../../components';
 export interface HeaderDesktopProps {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface HeaderMobileProps {
     logoHref: string;
 }

package/dist/helpers/forwardRef.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { As, ComponentWithAs, PropsOf, RightJoinProps } from '../types';
 export declare function forwardRef<Props extends object, Component extends As>(component: React.ForwardRefRenderFunction<any, RightJoinProps<PropsOf<Component>, Props> & {
     as?: As;

package/dist/hooks/useLayoutEffect.d.ts

@@ -1,2 +1,2 @@
-import { useLayoutEffect as useLayoutEffectBase } from 'react';
-export declare const useLayoutEffect: typeof useLayoutEffectBase;
+import React from 'react';
+export declare const useLayoutEffect: typeof React.useLayoutEffect;