@20minutes/hela 0.1.55 → 0.1.57

package/dist/assets/scripts/navigation.d.ts

@@ -1,2 +1,10 @@
-export declare const onListenContainerSize: (navigationContainerElement?: null | HTMLDivElement) => void;
-export declare const onListenResize: (navigationContainerElement?: null | HTMLDivElement) => void;
+import { SliderType } from '../../components';
+type NavigationElementOptions = {
+    navigatedList: HTMLDivElement;
+    nextBtn: HTMLDivElement;
+    prevBtn: HTMLDivElement;
+    sliderVariant?: SliderType;
+};
+export declare const onListenContainerSize: (navigationContainerElement?: null | HTMLDivElement, sliderVariant?: NavigationElementOptions['sliderVariant']) => void;
+export declare const onListenResize: (navigationContainerElement?: null | HTMLDivElement, sliderVariant?: NavigationElementOptions['sliderVariant']) => void;
+export {};

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

@@ -1,11 +1,12 @@
-import * as React from 'react';
+import React from 'react';
 import { IconProps } from '../../../components';
-import { MarginSystemProps, PolymorphicProps } from '../../../types';
+import { As, AsProps, ColorSystemProps, SpacingSystemProps } from '../../../types';
 export declare const buttonVariant: readonly ["primary", "secondary", "tertiary", "ghost", "round"];
 export type ButtonVariantType = (typeof buttonVariant)[number];
-export type ButtonProps<C extends React.ElementType = 'button'> = PolymorphicProps<C> & MarginSystemProps & {
+export interface ButtonOptions {
     variant?: ButtonVariantType;
     children?: React.ReactNode;
     iconProps?: IconProps;
-};
-export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps<React.ElementType<any>>, string | number | symbol> & React.RefAttributes<unknown>>;
+}
+export type ButtonProps<T extends As = 'button'> = ButtonOptions & SpacingSystemProps & ColorSystemProps & AsProps<T>;
+export declare const Button: import('../../../types').ComponentWithAs<"button", ButtonProps<"button">>;

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

@@ -1,6 +1,7 @@
-import * as React from 'react';
 import { FlexProps } from '../../../components';
-export interface DividerProps extends FlexProps {
+export interface DividerOptions {
     text?: string;
+    thickness?: 'thin' | 'thick';
 }
-export declare const Divider: React.FC<DividerProps>;
+export type DividerProps = DividerOptions & FlexProps;
+export declare const Divider: import("../../..").ComponentWithAs<"div", DividerProps>;

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
 import { BoxProps } from '../../../components';
 export type IconName = '20mn-pub' | 'apple' | 'arrow' | 'bookmark' | 'chevron' | 'close' | 'clover' | 'comment' | 'connect' | 'connected' | 'dailymotion' | 'darkmode' | 'diaporama' | 'diode-rubric-entertainment' | 'diode-leaning' | 'diode-rubric-planet' | 'diode-rubric-sport' | 'diode' | 'error' | 'facebook' | 'flipboard' | 'googleplay' | 'health' | 'heart' | 'horoscope' | 'home' | 'instagram' | 'jeux' | 'journal' | 'local' | 'logo' | 'menu' | 'mood' | 'newsletters' | 'not-found' | 'notification' | 'podcast' | 'report' | 'search' | 'server-error' | 'share' | 'signin-facebook' | 'signin-google' | 'snapchat' | 'star' | 'tiktok' | 'twitter' | 'valide' | 'video' | 'view' | 'youtube' | 'work';
 export type IconHoroscopeName = 'horoscope-belier' | 'horoscope-taureau' | 'horoscope-gemeaux' | 'horoscope-cancer' | 'horoscope-lion' | 'horoscope-vierge' | 'horoscope-balance' | 'horoscope-scorpion' | 'horoscope-sagittaire' | 'horoscope-capricorne' | 'horoscope-verseau' | 'horoscope-poissons' | 'horoscope-buffle' | 'horoscope-cheval' | 'horoscope-chevre' | 'horoscope-chien' | 'horoscope-cochon' | 'horoscope-coq' | 'horoscope-dragon' | 'horoscope-lapin' | 'horoscope-rat' | 'horoscope-serpent' | 'horoscope-singe' | 'horoscope-tigre';
-export interface IconProps extends BoxProps<'div'> {
+export interface IconOptions {
     name: IconName | IconHoroscopeName;
     size?: number | number[];
     withBorder?: boolean;
     isRounded?: boolean;
 }
-export declare const Icon: React.FC<IconProps>;
+export type IconProps = IconOptions & BoxProps;
+export declare const Icon: import("../../..").ComponentWithAs<"div", IconProps>;

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

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import type { ButtonProps, IconName, TextProps } from '../../../components';
-import type { ColorType } from '../../../types';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { AsProps, ColorSystemProps } from '../../../types';
+export interface InputOptions {
     label?: string;
     icon?: IconName;
     positionIcon?: 'left' | 'right';
@@ -10,6 +9,6 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     variant?: 'success' | 'error';
     msg?: string;
     msgProps?: TextProps;
-    color?: ColorType;
 }
-export declare const Input: React.FC<InputProps>;
+export type InputProps = InputOptions & Pick<ColorSystemProps, 'color'> & AsProps<'input'>;
+export declare const Input: import('../../../types').ComponentWithAs<"input", InputProps>;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
-import { PolymorphicProps, SystemProps } from '../../../../types';
-export type BoxProps<C extends React.ElementType = 'div'> = PolymorphicProps<C> & SystemProps;
-export declare const Box: React.ForwardRefExoticComponent<Pick<BoxProps<React.ElementType<any>>, string | number | symbol> & React.RefAttributes<unknown>>;
+import { As, AsProps, SystemProps } from '../../../../types';
+export type BoxProps<T extends As = 'div'> = SystemProps & AsProps<T>;
+export declare const Box: import('../../../../types').ComponentWithAs<"div", BoxProps<"div">>;

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

@@ -1,7 +1,5 @@
-import * as React from 'react';
 import { BoxProps } from '../../../../components';
 import type { FlexBoxSystemProps } from '../../../../types';
-export type FlexProps<C extends React.ElementType = 'div'> = {
-    children?: React.ReactNode;
-} & BoxProps<C> & FlexBoxSystemProps;
-export declare const Flex: <C extends React.ElementType<any> = "div">({ as, children, ...props }: FlexProps<C>) => React.ReactElement<any, any> | null;
+import { As } from '../../../../types';
+export type FlexProps<T extends As = 'div'> = FlexBoxSystemProps & BoxProps<T>;
+export declare const Flex: import('../../../../types').ComponentWithAs<"div", FlexProps<"div">>;

package/dist/components/atoms/Layout/Flex/FlexItem/FlexItem.d.ts

@@ -1,7 +1,4 @@
-import * as React from 'react';
 import { BoxProps } from '../../../../../components';
 import type { FlexBoxItemSystemProps } from '../../../../../types';
-export type FlexItemProps<C extends React.ElementType = 'div'> = {
-    children?: React.ReactNode;
-} & BoxProps<C> & FlexBoxItemSystemProps;
-export declare const FlexItem: <C extends React.ElementType<any> = "div">({ children, as, ...props }: FlexItemProps<C>) => React.ReactElement<any, any> | null;
+export type FlexItemProps = FlexBoxItemSystemProps & BoxProps;
+export declare const FlexItem: import('../../../../../types').ComponentWithAs<"div", FlexItemProps>;

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { PolymorphicProps, SpacingSystemProps } from '../../../types';
+import { As, ColorSystemProps, SpacingSystemProps } from '../../../types';
 import { ButtonProps } from '../../../components';
-export type LinkProps<C extends React.ElementType = 'a'> = PolymorphicProps<C> & SpacingSystemProps & ButtonProps;
-export declare const Link: <C extends React.ElementType<any> = "a">({ as, children, color, variant, ...props }: LinkProps<C>) => React.ReactElement<any, any> | null;
+export type LinkProps<T extends As = 'a'> = SpacingSystemProps & Pick<ColorSystemProps, 'color'> & ButtonProps<T>;
+export declare const Link: import('../../../types').ComponentWithAs<"a", LinkProps<"a">>;

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

@@ -1,8 +1,9 @@
-import * as React from 'react';
 import { ColorType } from '../../../types';
-export interface ScrollProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
+import { BoxProps } from '../../../components';
+export interface ScrollProgressBarOptions {
     color?: ColorType;
     hasLimit?: boolean;
     variant?: 'article-mobile';
 }
-export declare const ScrollProgressBar: React.FC<ScrollProgressBarProps>;
+export type ScrollProgressBarProps = ScrollProgressBarOptions & BoxProps;
+export declare const ScrollProgressBar: import('../../../types').ComponentWithAs<"div", ScrollProgressBarProps>;

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

@@ -1,9 +1,11 @@
-import * as React from 'react';
 import { LayoutType, SpacingType } from '../../../types';
 import { BoxProps } from '../../../components';
-export interface SliderProps extends BoxProps {
+export type SliderType = 'default' | 'partners' | 'rubrics';
+export interface SliderOptions {
     layout: LayoutType;
-    gapValue?: SpacingType;
-    variant: 'default' | 'secondary';
+    itemsGap?: SpacingType;
+    buttonsBackground?: 'primary' | 'secondary';
+    sliderVariant?: SliderType;
 }
-export declare const Slider: React.FC<SliderProps>;
+export type SliderProps = SliderOptions & BoxProps;
+export declare const Slider: import('../../../types').ComponentWithAs<"div", SliderProps>;

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

@@ -1,8 +1,7 @@
-import * as React from 'react';
-export interface SwitchProps {
-    id?: string;
-    className?: string;
+import { AsProps } from '../../../types';
+export interface SwitchOptions {
     label?: string;
     isChecked?: boolean;
 }
-export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export type SwitchProps = SwitchOptions & AsProps<'button'>;
+export declare const Switch: import('../../../types').ComponentWithAs<"button", SwitchProps>;

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
-import { ColorType } from '../../../types';
+import { As } from '../../../types';
 import { BoxProps } from '../../../components';
-export interface TagProps extends BoxProps<'a'> {
+export interface TaxOptions {
     link?: string;
     variant?: 'primary' | 'secondary' | 'breadcrumb';
-    color?: ColorType;
 }
-export declare const Tag: React.FC<TagProps>;
+export type TagProps<T extends As = 'a'> = TaxOptions & BoxProps<T>;
+export declare const Tag: import('../../../types').ComponentWithAs<"div", TagProps<"a">>;

package/dist/components/atoms/Typography/Heading/Heading.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { HeadingSizeType, TypeWithMediaQueriesType } from '../../../../types';
+import { As, HeadingSizeType, TypeWithMediaQueriesType } from '../../../../types';
 import { TypographyProps } from '../Typography';
-export type HeadingProps<C extends React.ElementType = 'h1'> = TypographyProps<C> & {
+export interface HeadingOptions {
     size?: HeadingSizeType | TypeWithMediaQueriesType<HeadingSizeType>;
-};
-export declare const Heading: <C extends React.ElementType<any> = "h1">({ as, size, children, ...typographyProps }: HeadingProps<C>) => React.ReactElement<any, any> | null;
+}
+export type HeadingProps<T extends As = 'h1'> = HeadingOptions & TypographyProps<T>;
+export declare const Heading: import('../../../../types').ComponentWithAs<"h1", HeadingProps<"h1">>;

package/dist/components/atoms/Typography/Text/Text.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { TextSizeType, TypeWithMediaQueriesType } from '../../../../types';
+import { As, TextSizeType, TypeWithMediaQueriesType } from '../../../../types';
 import { TypographyProps } from '../Typography';
-export type TextProps<C extends React.ElementType = 'p'> = TypographyProps<C> & {
+export interface TextOptions {
     size?: TextSizeType | TypeWithMediaQueriesType<TextSizeType>;
-};
-export declare const Text: <C extends React.ElementType<any> = "p">({ as, size, children, ...typographyProps }: TextProps<C>) => React.ReactElement<any, any> | null;
+}
+export type TextProps<T extends As = 'p'> = TextOptions & TypographyProps<T>;
+export declare const Text: import('../../../../types').ComponentWithAs<"p", TextProps<"p">>;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { BoxProps } from '../../../components';
 import type { TypographySystemProps } from '../../../types';
-export type TypographyProps<C extends React.ElementType = 'p'> = BoxProps<C> & TypographySystemProps;
-export declare const Typography: <C extends React.ElementType<any> = "p">({ as, children, ...boxProps }: TypographyProps<C>) => React.ReactElement<any, any> | null;
+import { As } from '../../../types';
+export type TypographyProps<T extends As = 'p'> = TypographySystemProps & BoxProps<T>;
+export declare const Typography: import('../../../types').ComponentWithAs<"p", TypographyProps<"p">>;

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

@@ -1,7 +1,7 @@
 import { FlexProps } from '../../../../components/atoms';
-import React from 'react';
-export interface CardProps extends FlexProps<'a'> {
+import { As } from '../../../../types';
+export interface CardOptions {
     link: string;
-    children: React.ReactNode;
 }
-export declare const Card: React.FC<CardProps>;
+export type CardProps<T extends As = 'a'> = CardOptions & FlexProps<T>;
+export declare const Card: import('../../../../types').ComponentWithAs<"a", CardProps<"a">>;

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

@@ -1,5 +1,7 @@
 import React from 'react';
+import { HeadingProps } from '../../../../components';
 import { CardType, SpacingSystemProps } from '../../../../types';
 export interface CardSmallProps extends CardType, SpacingSystemProps {
+    headingProps?: Pick<HeadingProps, 'color' | 'weight'>;
 }
 export declare const CardSmall: React.FC<CardSmallProps>;

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
 import { BoxProps, IconProps } from '../../../components';
-export interface CollapseProps extends BoxProps {
+import { AsProps, ColorSystemProps } from '../../../types';
+export interface CollapseOptions {
     title: string;
     index: number;
     isOpen?: boolean;
     iconProps?: Partial<IconProps>;
     btnProps?: Partial<BoxProps>;
-    children?: React.ReactNode;
 }
-export declare const Collapse: React.FC<CollapseProps>;
+export type CollapseProps = CollapseOptions & ColorSystemProps & AsProps<'div'>;
+export declare const Collapse: import('../../../types').ComponentWithAs<"div", CollapseProps>;

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { BoxProps, IconName } from '../../../../components';
-export interface HoroscopeTopicCardProps extends BoxProps<'div'> {
+export interface HoroscopeTopicCardOptions {
     icon: IconName;
     title: string;
     content: string;
 }
-export declare const HoroscopeTopicCard: React.FC<HoroscopeTopicCardProps>;
+export type HoroscopeTopicCardProps = HoroscopeTopicCardOptions & BoxProps;
+export declare const HoroscopeTopicCard: import("../../../..").ComponentWithAs<"div", HoroscopeTopicCardProps>;

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

@@ -1,9 +1,11 @@
-import * as React from 'react';
+import React from 'react';
 import { CardExtraSmallProps, CardMediumProps } from '../../../components';
+import { LayoutType } from '../../../types';
 export interface PartnerCardsProps {
     columns: {
         label: string;
         articles: CardMediumProps[] | CardExtraSmallProps[];
     }[];
+    layout?: LayoutType;
 }
 export declare const PartnerCards: React.FC<PartnerCardsProps>;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { CardSmallProps } from '../../../components';
+import { LayoutType, RubricColorType } from '../../../types';
+export interface RubricCardsProps {
+    articles: CardSmallProps[];
+    label: string;
+    rubricColor?: RubricColorType;
+    layout?: LayoutType;
+}
+export declare const RubricCards: React.FC<RubricCardsProps>;

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

@@ -0,0 +1 @@
+export * from './RubricCards';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TagProps } from '../../../components';
+import { BoxProps, TagProps } from '../../../components';
 import { LayoutType } from '../../../types';
-export interface TagBarProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TagBarProps extends BoxProps {
     tags: TagProps[];
     layout: LayoutType;
 }

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

@@ -1,7 +1,6 @@
 export * from './Article';
 export * from './Breadcrumb';
 export * from './Card';
-export * from './CategoryCards';
 export * from './Collapse';
 export * from './Comment';
 export * from './ErrorContent';
@@ -17,6 +16,7 @@ export * from './MostReadArticles';
 export * from './Newsletter';
 export * from './OverviewBar';
 export * from './PartnerCards';
+export * from './RubricCards';
 export * from './SearchForm';
 export * from './Signature';
 export * from './SmartBanner';

package/dist/helpers/forwardRef.d.ts

@@ -0,0 +1,4 @@
+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;
+}>): ComponentWithAs<Component, Props>;