@20minutes/hela 0.1.63 → 0.1.65

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

@@ -1,10 +1,2 @@
-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 {};
+export declare const onListenContainerSize: () => void;
+export declare const onListenResize: () => void;

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { SignatureProps, SocialBarProps } from '../../../../components';
-import { CardType, SpacingSystemProps } from '../../../../types';
+import { CardType, LayoutType, SpacingSystemProps } from '../../../../types';
 export interface CardExtraLargeProps extends CardType, SpacingSystemProps {
+    layout: LayoutType;
     summary?: string;
     signatureProps?: SignatureProps;
     socialBarProps?: SocialBarProps;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SocialBarProps } from '../../../../components';
-import { CardType, SpacingSystemProps } from '../../../../types';
-export interface CardExtraSmallProps extends CardType, SpacingSystemProps {
+import { CardType, SystemProps } from '../../../../types';
+export interface CardExtraSmallProps extends CardType, SystemProps {
     socialBarProps?: SocialBarProps;
 }
 export declare const CardExtraSmall: React.FC<CardExtraSmallProps>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FlexProps } from '../../../../components';
+import { CardFooterType } from '../../../../types';
+export interface CardFooterProps extends CardFooterType, FlexProps {
+}
+export declare const CardFooter: React.FC<CardFooterProps>;

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

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

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { SignatureProps, SocialBarProps } from '../../../../components';
-import { CardType, RubricColorType, SpacingSystemProps } from '../../../../types';
+import { CardType, LayoutType, RubricColorType, SpacingSystemProps } from '../../../../types';
 export interface CardLargeProps extends CardType, SpacingSystemProps {
+    layout: LayoutType;
     summary?: string;
     signatureProps?: SignatureProps;
     socialBarProps?: SocialBarProps;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SocialBarProps } from '../../../../components';
-import { CardType, SpacingSystemProps } from '../../../../types';
-export interface CardMediumProps extends CardType, SpacingSystemProps {
+import { CardType, SystemProps } from '../../../../types';
+export interface CardMediumProps extends CardType, SystemProps {
     socialBarProps?: SocialBarProps;
 }
 export declare const CardMedium: React.FC<CardMediumProps>;

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { CardType, SpacingSystemProps } from '../../../../types';
+import { CardType, LayoutType, SpacingSystemProps } from '../../../../types';
 export interface CardMostReadProps extends CardType, SpacingSystemProps {
     index: string;
-    isSimplified: boolean;
-    withBorder: boolean;
-    viewCount?: number;
+    layout: LayoutType;
     summary?: string;
+    isSimplified?: boolean;
+    withBorder?: boolean;
+    viewCount?: number;
 }
 export declare const CardMostRead: React.FC<CardMostReadProps>;

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

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

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

@@ -1,6 +1,7 @@
 export * from './Card';
 export * from './CardExtraLarge';
 export * from './CardExtraSmall';
+export * from './CardFooter';
 export * from './CardHeader';
 export * from './CardImage';
 export * from './CardLarge';

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

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { ButtonProps } from '../../../components';
+import { ButtonProps, HeadingProps } from '../../../components';
 export interface HeaderSideModalProps extends ButtonProps {
     dialogId: string;
     ariaLabel?: string;
     modalIconSize?: number | number[];
+    headingProps?: HeadingProps;
 }
 export declare const HeaderSideModal: React.FC<HeaderSideModalProps>;

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import { RawDraftContentState } from 'draft-js';
 import { FlexProps } from '../../../components';
 export interface InfoBannerProps extends FlexProps<'div'> {
     cover?: string;
-    description: string;
-    title: string;
-    variant?: 'default' | 'alert';
+    description: RawDraftContentState | string;
+    title?: string;
+    variant?: 'default' | 'alert' | 'framed';
     isCloseable?: boolean;
     link?: string;
 }

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

@@ -2,6 +2,6 @@ import { CardOverviewProps } from '../../../components';
 import { LayoutType } from '../../../types';
 export interface OverviewBarProps {
     articles: CardOverviewProps[];
-    layout?: LayoutType;
+    layout: LayoutType;
 }
 export declare function OverviewBar({ articles, layout }: OverviewBarProps): JSX.Element;

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

@@ -1,11 +1,9 @@
 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

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

package/dist/constants/cssProperties/typography.d.ts

@@ -4,4 +4,4 @@ export declare const textTransformList: readonly ["capitalize", "uppercase", "lo
 export declare const fontFamilyTokenNameList: readonly ("oswald" | "source-serif-pro")[];
 export declare const fontWeightTokenNameList: readonly ("bold" | "regular")[];
 export declare const headingSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxl-2")[];
-export declare const textSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl")[];
+export declare const textSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxs-3")[];

package/dist/constants/tokenVariables.d.ts

@@ -157,6 +157,9 @@ export declare const tokenVariables: {
         };
     };
     'font-size': {
+        'xxs-4': {
+            value: string;
+        };
         'xxs-3': {
             value: string;
         };
@@ -303,6 +306,12 @@ export declare const tokenVariables: {
             };
         };
         text: {
+            'xxs-3': {
+                description: string;
+                fontSize: {
+                    value: string;
+                };
+            };
             'xxs-2': {
                 description: string;
                 fontSize: {