@20minutes/hela 2.17.8 → 2.18.0

package/dist/scss/abstracts/variables/_other-colors.scss

@@ -56,7 +56,7 @@ $political-parties-colors: (
   'union-extreme-droite': #00152a,
   'divers-extreme-droite': #031322,
 
-  'divers': #818181,
+  'divers': #c0c0c0,
   'changement-citoyen': #818181,
   'decidons-nous-meme': #818181,
   'parti-animaliste': #818181,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 17 Mar 2026 16:52:48 GMT
+ * Generated on Fri, 20 Mar 2026 09:48:53 GMT
  */
 
 $token-variables: (

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

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { BoxProps } from '../..';
-import { ThemeColorType } from '../../../types';
+import { ColorType, PoliticalPartiesColorsType } from '../../../types';
 export interface AvatarProps extends BoxProps {
     img?: string;
     alt?: string;
-    themeColor?: ThemeColorType;
+    color?: ColorType | PoliticalPartiesColorsType;
     variant?: 'xsmall' | 'small' | 'default' | 'big';
-    withBorder?: boolean;
     streakBadge?: number;
 }
 export declare const Avatar: React.FC<AvatarProps>;

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

@@ -1,14 +1,14 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../..').AvatarProps>;
+    component: import('react').FC<import('./Avatar').AvatarProps>;
     args: {
         img: string;
         alt: string;
         variant: "default";
     };
     argTypes: {
-        themeColor: {
+        color: {
             options: string[];
         };
         variant: {
@@ -30,7 +30,6 @@ declare const meta: {
         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;
     };
     parameters: {

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

@@ -1,5 +1,5 @@
 import { BoxProps } from '../..';
-import { IconNameOfHoroscopeSignType, IconNameType } from '../../../types';
+import { ColorSystemProps, IconNameOfHoroscopeSignType, IconNameType, PoliticalPartiesColorsType } from '../../../types';
 export declare const rotationList: readonly ["quarter", "half", "three-quarter"];
 type RotationListType = (typeof rotationList)[number];
 export declare const borderSizeList: readonly ["small", "medium", "big"];
@@ -11,7 +11,8 @@ export interface IconOptions {
     border?: BorderSizeListType;
     rotation?: RotationListType;
     svgTitle?: string;
+    color?: ColorSystemProps['color'] | PoliticalPartiesColorsType;
 }
-export type IconProps = IconOptions & BoxProps;
+export type IconProps = IconOptions & Omit<BoxProps, 'color'>;
 export declare const Icon: import('../../../types').ComponentWithAs<"div", IconProps>;
 export {};

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

@@ -4,6 +4,6 @@ import { AvatarType } from '../../../types/AvatarType';
 export interface AvatarGroupProps extends FlexProps {
     avatars: AvatarType[];
     maxAvatar?: number;
-    themeColor?: AvatarProps['themeColor'];
+    themeColor?: AvatarProps['color'];
 }
 export declare const AvatarGroup: React.FC<AvatarGroupProps>;

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { BoxProps } from '../../../..';
+export interface CardSkeletonProps extends BoxProps {
+    variant: 'medium' | 'extra-small';
+}
+export declare const CardSkeleton: React.FC<CardSkeletonProps>;

package/dist/src/components/{atoms/Icon/Icon.stories.d.ts → molecules/Card/Templates/CardSkeleton/CardSkeleton.stories.d.ts}

@@ -1,25 +1,11 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('../../..').ComponentWithAs<"div", import('./Icon').IconProps>;
+    component: import('react').FC<import('./CardSkeleton').CardSkeletonProps>;
     args: {
-        name: "home";
-        size: number;
-        isRounded: false;
+        variant: "medium";
     };
     argTypes: {
-        name: {
-            control: "select";
-            options: string[];
-        };
-        rotation: {
-            control: "select";
-            options: readonly ["quarter", "half", "three-quarter"];
-        };
-        border: {
-            control: "select";
-            options: readonly ["small", "medium", "big"];
-        };
         m?: import('@storybook/csf').InputType | undefined;
         mt?: import('@storybook/csf').InputType | undefined;
         mr?: import('@storybook/csf').InputType | undefined;
@@ -47,8 +33,5 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Overview: Story;
-export declare const WithBorder: Story;
-export declare const WithBgColor: Story;
-export declare const Rounded: Story;
-export declare const Circle: Story;
+export declare const Medium: Story;
+export declare const ExtraSmall: Story;

package/dist/src/components/molecules/Card/Templates/CardSkeleton/index.d.ts

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

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

@@ -11,6 +11,7 @@ export * from './CardNotification';
 export * from './CardOverview';
 export * from './CardProduct';
 export * from './CardSideImage';
+export * from './CardSkeleton';
 export * from './CardSmall';
 export * from './CardTiny';
 export * from './CardVertical';

package/dist/src/components/molecules/Elections/SearchBanner/SearchBanner.d.ts

@@ -5,6 +5,7 @@ export interface SearchBannerProps {
     layout: LayoutType;
     searchFormProps: SearchFormProps;
     title?: HeadingProps['children'];
+    titleHref?: string;
     breadcrumbProps?: {
         label: string;
         link: string;

package/dist/src/components/molecules/Maps/MapTownsByDepartments/MapTownsByDepartments.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { BoxProps } from '../../..';
 import { PoliticalPartyType } from '../../../../types';
 interface DepartmentsPath {
@@ -27,5 +26,5 @@ export interface MapTownsByDepartmentsProps extends BoxProps {
     townsSprite?: string;
     className?: string;
 }
-export declare const MapTownsByDepartments: React.FC<MapTownsByDepartmentsProps>;
+export declare const MapTownsByDepartments: ({ resultsPerTown, departmentsPaths, dromsConfig, townsSprite, className, ...boxProps }: MapTownsByDepartmentsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/molecules/React/ReactButton.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { EmojiReaction, FlexProps, IconItemProps } from '../..';
 import { ReactionContent } from '../../../constants/emojiConfig';
-import { ColorType, ThemeColorType } from '../../../types';
+import { ColorType, LayoutType, ThemeColorType } from '../../../types';
 export interface ReactButtonProps extends FlexProps {
     variant: 'horizontal' | 'vertical' | 'card';
     count?: number;
@@ -16,5 +16,8 @@ export interface ReactButtonProps extends FlexProps {
         type: ReactionContent;
         id: number;
     };
+    layout?: LayoutType;
+    contentId?: string;
+    contentLegacyId?: string;
 }
 export declare const ReactButton: React.FC<ReactButtonProps>;

package/dist/src/components/molecules/React/ReactButton.stories.d.ts

@@ -1,5 +1,6 @@
 import { StoryObj } from '@storybook/react-vite';
 import { default as React } from 'react';
+import { LayoutType } from '../../../types';
 declare const meta: {
     title: string;
     component: React.FC<import('../..').ReactButtonProps>;
@@ -9,10 +10,12 @@ declare const meta: {
         iconItemProps: {
             variant: "secondary";
         };
+        layout: LayoutType.DESKTOP;
+        contentId: string;
     };
     argTypes: {
         countColor: {
-            options: readonly import('../../..').ColorType[];
+            options: readonly import('../../../types').ColorType[];
         };
         countBg: {
             options: string[];

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

@@ -12,7 +12,7 @@ export interface SignatureProps extends FlexProps {
     userlink?: string;
     authorHighlighted?: boolean;
     disableAvatar?: boolean;
-    themeColor?: AvatarProps['themeColor'];
+    themeColor?: AvatarProps['color'];
     sponsor?: SponsorType;
 }
 export declare const Signature: React.FC<SignatureProps>;

package/dist/src/helpers/townSprite.d.ts

@@ -0,0 +1,8 @@
+export interface TownSpriteEntry {
+    id: string;
+    path: string;
+    name: string;
+    url: string;
+}
+export declare const parseTownSprite: (townsSprite: string) => TownSpriteEntry[];
+export declare const indexTownSpriteEntriesById: (entries: TownSpriteEntry[]) => Map<string, TownSpriteEntry>;

package/dist/src/types/AvatarType.d.ts

@@ -1,4 +1,6 @@
+import { AvatarProps } from '../components';
 export interface AvatarType {
     title: string;
     path?: string;
+    color?: AvatarProps['color'];
 }