@20minutes/hela 2.2.1 → 2.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/index.es.js +1371 -1346
  2. package/dist/index.umd.js +2 -2
  3. package/dist/scss/abstracts/variables/_token-variables.scss +1 -1
  4. package/dist/scss/abstracts/variables/_variables.scss +1 -1
  5. package/dist/src/components/atoms/Input/Input.d.ts +0 -1
  6. package/dist/src/components/atoms/Input/Input.stories.d.ts +2 -1
  7. package/dist/src/components/atoms/Select/Select.d.ts +1 -0
  8. package/dist/src/components/atoms/Select/Select.stories.d.ts +1 -0
  9. package/dist/src/components/atoms/Tab/Tab.d.ts +2 -2
  10. package/dist/src/components/atoms/Tab/Tab.stories.d.ts +7 -2
  11. package/dist/src/components/molecules/Card/CardImage/CardImage.d.ts +1 -0
  12. package/dist/src/components/molecules/Card/CardImage/CardImage.stories.d.ts +4 -0
  13. package/dist/src/components/molecules/{SocialBar/SocialItem/SocialBarItem.d.ts → IconItem/IconItem.d.ts} +5 -4
  14. package/dist/src/components/molecules/{SocialBar/SocialItem/SocialBarItem.stories.d.ts → IconItem/IconItem.stories.d.ts} +3 -3
  15. package/dist/src/components/molecules/IconItem/index.d.ts +1 -0
  16. package/dist/src/components/molecules/SearchBanner/SearchBanner.stories.d.ts +0 -1
  17. package/dist/src/components/molecules/Tabs/Tabs.stories.d.ts +1 -1
  18. package/dist/src/components/molecules/index.d.ts +1 -0
  19. package/dist/src/components/organisms/MostReadArticles/MostReadArticles.stories.d.ts +1 -1
  20. package/dist/src/constants/tokenVariables.d.ts +3 -0
  21. package/dist/src/types/TabType.d.ts +1 -1
  22. package/dist/style.css +1 -1
  23. package/package.json +11 -11
  24. package/dist/src/components/molecules/SocialBar/SocialItem/index.d.ts +0 -1
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 25 Feb 2025 15:56:17 GMT
3
+ * Generated on Fri, 28 Feb 2025 13:50:05 GMT
4
4
  */
5
5
 
6
6
  $token-variables: (
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Tue, 25 Feb 2025 15:56:17 GMT
4
+ * Generated on Fri, 28 Feb 2025 13:50:05 GMT
5
5
  */
6
6
 
7
7
  $jeux: #4742ff !default;
@@ -12,7 +12,6 @@ export interface InputOptions {
12
12
  isRounded?: boolean;
13
13
  isTransparent?: boolean;
14
14
  isLarge?: boolean;
15
- buttonProps?: ButtonProps;
16
15
  }
17
16
  export type InputProps = InputOptions & Pick<ColorSystemProps, 'color'> & AsProps<'input'>;
18
17
  export declare const Input: import('../../../types').ComponentWithAs<"input", InputProps>;
@@ -29,7 +29,7 @@ export declare const WithLabel: Story;
29
29
  export declare const WithIconLeft: Story;
30
30
  export declare const WithIconRight: Story;
31
31
  export declare const WithIconButton: Story;
32
- export declare const WithButton: Story;
32
+ export declare const WithIconAndButton: Story;
33
33
  export declare const WithError: Story;
34
34
  export declare const WithSuccess: Story;
35
35
  export declare const WithMsgDefault: Story;
@@ -37,3 +37,4 @@ export declare const WithMsgSuccess: Story;
37
37
  export declare const WithMsgError: Story;
38
38
  export declare const WithMultiMsg: Story;
39
39
  export declare const WithTypeDate: Story;
40
+ export declare const WithValidateStateButton: Story;
@@ -12,6 +12,7 @@ export interface SelectOptions {
12
12
  placeholder?: string;
13
13
  variant?: 'default' | 'primary';
14
14
  icon?: IconNameType;
15
+ isLarge?: boolean;
15
16
  }
16
17
  export type SelectProps = SelectOptions & PaddingSystemProps & AsProps<'select'>;
17
18
  export declare const Select: import('../../../types').ComponentWithAs<"select", SelectProps>;
@@ -20,5 +20,6 @@ export default meta;
20
20
  type Story = StoryObj<typeof meta>;
21
21
  export declare const Overview: Story;
22
22
  export declare const Primary: Story;
23
+ export declare const Large: Story;
23
24
  export declare const WithAnOptionSelected: Story;
24
25
  export declare const WithLeftIcon: Story;
@@ -1,9 +1,9 @@
1
1
  import { default as React } from 'react';
2
- import { TabType } from '../../../types';
2
+ import { TabType, TextType } from '../../../types';
3
3
  export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  name: string;
5
5
  variant?: TabType;
6
- tabColor?: 'default' | 'direct' | 'entertainment';
6
+ tabColor?: TextType['color'];
7
7
  isSelected?: boolean;
8
8
  index?: 0 | -1;
9
9
  isNoWrap?: boolean;
@@ -3,11 +3,16 @@ declare const meta: {
3
3
  title: string;
4
4
  component: import('react').FC<import('./Tab').TabProps>;
5
5
  args: {
6
- variant: "default";
7
- tabColor: "default";
6
+ variant: "primary";
7
+ tabColor: string;
8
8
  isSelected: false;
9
9
  index: -1;
10
10
  };
11
+ argTypes: {
12
+ tabColor: {
13
+ options: readonly import('../../..').ColorType[];
14
+ };
15
+ };
11
16
  };
12
17
  export default meta;
13
18
  type Story = StoryObj<typeof meta>;
@@ -3,5 +3,6 @@ import { BoxProps } from '../../..';
3
3
  import { CardImageType } from '../../../../types';
4
4
  export interface CardImageProps extends CardImageType, BoxProps {
5
5
  withShadow?: boolean;
6
+ isFavorite?: boolean;
6
7
  }
7
8
  export declare const CardImage: React.FC<CardImageProps>;
@@ -9,6 +9,9 @@ declare const meta: {
9
9
  };
10
10
  };
11
11
  argTypes: {
12
+ isFavorite: {
13
+ control: "boolean";
14
+ };
12
15
  m?: import('@storybook/csf').InputType | undefined;
13
16
  mt?: import('@storybook/csf').InputType | undefined;
14
17
  mr?: import('@storybook/csf').InputType | undefined;
@@ -44,3 +47,4 @@ export declare const WithMediumCaption: Story;
44
47
  export declare const WithSmallCaption: Story;
45
48
  export declare const SmallRound: Story;
46
49
  export declare const WithTitle: Story;
50
+ export declare const WithFavoriteOption: Story;
@@ -1,7 +1,7 @@
1
1
  import { default as React } from 'react';
2
- import { FlexProps } from '../../..';
3
- import { ColorType, IconNameType, LayoutType, ThemeColorType } from '../../../../types';
4
- export interface SocialBarItemProps extends FlexProps {
2
+ import { FlexProps } from '../..';
3
+ import { ColorType, IconNameType, LayoutType, ThemeColorType } from '../../../types';
4
+ export interface IconItemProps extends FlexProps {
5
5
  iconName: IconNameType;
6
6
  variant: 'primary' | 'secondary';
7
7
  count?: number;
@@ -15,5 +15,6 @@ export interface SocialBarItemProps extends FlexProps {
15
15
  isHighlighted?: boolean;
16
16
  isInToolbar?: boolean;
17
17
  color?: ColorType;
18
+ iconSize?: number | number[];
18
19
  }
19
- export declare const SocialBarItem: React.FC<SocialBarItemProps>;
20
+ export declare const IconItem: React.FC<IconItemProps>;
@@ -1,12 +1,12 @@
1
1
  import { default as React } from 'react';
2
- import { LayoutType } from '../../../../types';
2
+ import { LayoutType } from '../../../types';
3
3
  import { StoryObj } from '@storybook/react';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: React.FC<import('./SocialBarItem').SocialBarItemProps>;
6
+ component: React.FC<import('./IconItem').IconItemProps>;
7
7
  argTypes: {
8
8
  countColor: {
9
- options: readonly import('../../../../types').ColorType[];
9
+ options: readonly import('../../../types').ColorType[];
10
10
  };
11
11
  m?: import('@storybook/csf').InputType | undefined;
12
12
  mt?: import('@storybook/csf').InputType | undefined;
@@ -0,0 +1 @@
1
+ export * from './IconItem';
@@ -19,7 +19,6 @@ declare const meta: {
19
19
  isRounded?: boolean | undefined;
20
20
  isTransparent?: boolean | undefined;
21
21
  isLarge?: boolean | undefined;
22
- buttonProps?: import('../..').ButtonProps<"button"> | undefined;
23
22
  color?: string | undefined;
24
23
  form?: string | undefined;
25
24
  slot?: string | undefined;
@@ -3,7 +3,7 @@ declare const meta: {
3
3
  title: string;
4
4
  component: import('react').FC<import('./Tabs').TabsProps>;
5
5
  args: {
6
- tabVariant: "default";
6
+ tabVariant: "primary";
7
7
  };
8
8
  };
9
9
  export default meta;
@@ -16,6 +16,7 @@ export * from './ErrorContent';
16
16
  export * from './Events';
17
17
  export * from './Header';
18
18
  export * from './Horoscope';
19
+ export * from './IconItem';
19
20
  export * from './InfoBanner';
20
21
  export * from './Legend';
21
22
  export * from './ListWithDiode';
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  tabItems: ({
9
9
  name: string;
10
10
  title: string;
11
- tabColor: "direct";
11
+ tabColor: string;
12
12
  body: ({
13
13
  themeColor: string;
14
14
  rubricName: string;
@@ -236,6 +236,9 @@ export declare const tokenVariables: {
236
236
  star: {
237
237
  value: string;
238
238
  };
239
+ 'star-outlined': {
240
+ value: string;
241
+ };
239
242
  tiktok: {
240
243
  value: string;
241
244
  };
@@ -1 +1 @@
1
- export type TabType = 'default' | 'secondary';
1
+ export type TabType = 'primary' | 'secondary';