@20minutes/hela 2.17.9 → 2.18.1

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 Wed, 18 Mar 2026 15:34:24 GMT
+ * Generated on Fri, 20 Mar 2026 15:30:43 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,26 +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;
-        svgTitle: string;
+        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;
@@ -48,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/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/types/AvatarType.d.ts

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