@20minutes/hela 2.6.0 → 2.7.0

package/dist/scss/abstracts/variables/_token-variables.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Apr 2025 14:44:05 GMT
+ * Generated on Tue, 06 May 2025 14:06:58 GMT
  */
 
 $token-variables: (

package/dist/scss/abstracts/variables/_variables.scss

@@ -1,7 +1,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 28 Apr 2025 14:44:05 GMT
+ * Generated on Tue, 06 May 2025 14:06:58 GMT
  */
 
 $jeux: #4742ff !default;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TabType, TextType } from '../../../types';
+import { ColorType, TabType, TextType } from '../../../types';
 export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     name: string;
     variant?: TabType;
@@ -7,5 +7,6 @@ export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
     isSelected?: boolean;
     index?: 0 | -1;
     isNoWrap?: boolean;
+    color?: ColorType;
 }
 export declare const Tab: React.FC<TabProps>;

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

@@ -12,6 +12,9 @@ declare const meta: {
         tabColor: {
             options: readonly import('../../..').ColorType[];
         };
+        color: {
+            options: readonly import('../../..').ColorType[];
+        };
     };
 };
 export default meta;

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

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
+import { MediaProps } from '../../../..';
 import { CardType, LayoutType, SpacingSystemProps } from '../../../../../types';
 export interface CardExtraLargeProps extends CardType, SpacingSystemProps {
     layout: LayoutType;
     follows3ColumnsGrid?: boolean;
+    mediaSrc?: MediaProps['src'];
 }
 export declare const CardExtraLarge: React.FC<CardExtraLargeProps>;

package/dist/src/components/molecules/Card/Templates/CardExtraLarge/CardExtraLarge.stories.d.ts

@@ -34,6 +34,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Desktop: Story;
+export declare const HasVideo: Story;
 export declare const RubricTemplate: Story;
 export declare const WithImageCaption: Story;
 export declare const Mobile: Story;

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

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
+import { MediaProps } from '../../../..';
 import { CardType, LayoutType, SpacingSystemProps } from '../../../../../types';
 export interface CardLargeProps extends CardType, SpacingSystemProps {
     layout: LayoutType;
+    mediaSrc?: MediaProps['src'];
 }
 export declare const CardLarge: React.FC<CardLargeProps>;

package/dist/src/components/molecules/Card/Templates/CardLarge/CardLarge.stories.d.ts

@@ -55,3 +55,4 @@ export declare const RubricTemplate: Story;
 export declare const WithImageCaption: Story;
 export declare const WithCartridgeInTitle: Story;
 export declare const Mobile: Story;
+export declare const MobileHasVideo: Story;

package/dist/src/components/molecules/MediaLink/MediaLink.stories.d.ts

@@ -39,4 +39,3 @@ type Story = StoryObj<typeof meta>;
 export declare const Overview: Story;
 export declare const IsTransparent: Story;
 export declare const IsIcon: Story;
-export declare const TextIsHiddenUnderBreakpoint: Story;

package/dist/src/components/molecules/ShowCover/ShowCover.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { BoxProps, ButtonProps } from '../..';
+import { LayoutType } from '../../../types';
+export interface ShowCoverProps extends BoxProps {
+    backgroundImage: string;
+    foregroundImage: string;
+    date: string;
+    title: string;
+    subtitle: string;
+    playButton: ButtonProps;
+    layout: LayoutType;
+}
+export declare const ShowCover: React.FC<ShowCoverProps>;

package/dist/src/components/molecules/ShowCover/ShowCover.stories.d.ts

@@ -0,0 +1,48 @@
+import { LayoutType } from '../../../types';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./ShowCover').ShowCoverProps>;
+    argTypes: {
+        m?: import('@storybook/csf').InputType | undefined;
+        mt?: import('@storybook/csf').InputType | undefined;
+        mr?: import('@storybook/csf').InputType | undefined;
+        mb?: import('@storybook/csf').InputType | undefined;
+        ml?: import('@storybook/csf').InputType | undefined;
+        mx?: import('@storybook/csf').InputType | undefined;
+        my?: import('@storybook/csf').InputType | undefined;
+        p?: import('@storybook/csf').InputType | undefined;
+        pt?: import('@storybook/csf').InputType | undefined;
+        pr?: import('@storybook/csf').InputType | undefined;
+        pb?: import('@storybook/csf').InputType | undefined;
+        pl?: import('@storybook/csf').InputType | undefined;
+        px?: import('@storybook/csf').InputType | undefined;
+        py?: import('@storybook/csf').InputType | undefined;
+        borderColor?: import('@storybook/csf').InputType | undefined;
+        bg?: import('@storybook/csf').InputType | undefined;
+        color?: import('@storybook/csf').InputType | undefined;
+        radius?: import('@storybook/csf').InputType | undefined;
+    };
+    args: {
+        backgroundImage: string;
+        foregroundImage: string;
+        date: string;
+        title: string;
+        subtitle: string;
+        playButton: {
+            children: string;
+            onClick: import('@storybook/addon-actions').HandlerFunction;
+        };
+        layout: LayoutType.DESKTOP;
+    };
+    parameters: {
+        layout: string;
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Desktop: Story;
+export declare const Mobile: Story;

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { BoxProps, TabProps } from '../..';
-import { SpacingSystemProps, TabType } from '../../../types';
+import { ColorType, SpacingSystemProps, TabType } from '../../../types';
 export interface TabsProps extends BoxProps {
     tabItems: {
         name: string;
@@ -14,5 +14,6 @@ export interface TabsProps extends BoxProps {
     tabItemActive?: string;
     tabVariant?: TabType;
     tabProps?: SpacingSystemProps;
+    tabTitlesColor?: ColorType;
 }
 export declare const Tabs: React.FC<TabsProps>;

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

@@ -5,6 +5,11 @@ declare const meta: {
     args: {
         tabVariant: "primary";
     };
+    argTypes: {
+        tabTitlesColor: {
+            options: readonly import('../../..').ColorType[];
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -38,6 +38,7 @@ export * from './SearchBanner';
 export * from './SearchForm';
 export * from './SectionTitle';
 export * from './ShareBar';
+export * from './ShowCover';
 export * from './Signature';
 export * from './SmartBanner';
 export * from './SocialBar';