@20minutes/hela 2.17.6 → 2.17.8

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 (114) hide show
  1. package/dist/index.es.js +9225 -10784
  2. package/dist/index.umd.cjs +1 -1
  3. package/dist/js/scripts.es.js +97 -71
  4. package/dist/js/scripts.umd.cjs +1 -1
  5. package/dist/scss/abstracts/variables/_token-variables.scss +1 -1
  6. package/dist/src/components/atoms/Ad/Ad.stories.d.ts +1 -2
  7. package/dist/src/components/atoms/Alert/Alert.stories.d.ts +2 -3
  8. package/dist/src/components/atoms/Avatar/Avatar.stories.d.ts +1 -2
  9. package/dist/src/components/atoms/Button/Button.d.ts +1 -1
  10. package/dist/src/components/atoms/Checkbox/Checkbox.stories.d.ts +2 -2
  11. package/dist/src/components/atoms/Icon/SvgSprite.d.ts +1 -2
  12. package/dist/src/components/atoms/IconTooltip/IconTooltip.stories.d.ts +1 -2
  13. package/dist/src/components/atoms/Iframe/Iframe.d.ts +1 -1
  14. package/dist/src/components/atoms/Iframe/Iframe.stories.d.ts +1 -1
  15. package/dist/src/components/atoms/Img/Img.stories.d.ts +1 -2
  16. package/dist/src/components/atoms/Input/Input.stories.d.ts +1 -1
  17. package/dist/src/components/atoms/LabelSection/LabelSection.stories.d.ts +2 -3
  18. package/dist/src/components/atoms/Layout/Flex/Flex.stories.d.ts +1 -2
  19. package/dist/src/components/atoms/Layout/Grid/Grid.stories.d.ts +2 -3
  20. package/dist/src/components/atoms/Layout/index.d.ts +1 -1
  21. package/dist/src/components/atoms/Link/Link.d.ts +1 -1
  22. package/dist/src/components/atoms/Link/Link.stories.d.ts +2 -3
  23. package/dist/src/components/atoms/Modal/Modal.stories.d.ts +1 -2
  24. package/dist/src/components/atoms/RadioButton/RadioButton.stories.d.ts +1 -1
  25. package/dist/src/components/atoms/ScrollToTopButton/ScrollToTopButton.stories.d.ts +164 -165
  26. package/dist/src/components/atoms/Slider/Slider.stories.d.ts +2 -3
  27. package/dist/src/components/atoms/Textarea/Textarea.stories.d.ts +1 -1
  28. package/dist/src/components/atoms/Typography/index.d.ts +1 -1
  29. package/dist/src/components/atoms/index.d.ts +1 -1
  30. package/dist/src/components/molecules/Article/ArticleHeader/ArticleHeader.stories.d.ts +1 -1
  31. package/dist/src/components/molecules/Article/ArticleSummary/ArticleSummary.stories.d.ts +2 -3
  32. package/dist/src/components/molecules/Article/Media/Media.stories.d.ts +1 -1
  33. package/dist/src/components/molecules/Breadcrumb/Breadcrumb.stories.d.ts +3 -4
  34. package/dist/src/components/molecules/Calendar/Calendar.stories.d.ts +1 -1
  35. package/dist/src/components/molecules/Card/CardContainer/CardContainer.stories.d.ts +2 -3
  36. package/dist/src/components/molecules/Card/CardImage/CardImage.stories.d.ts +1 -2
  37. package/dist/src/components/molecules/Card/CardTitle/CardTitle.stories.d.ts +2 -3
  38. package/dist/src/components/molecules/Card/Templates/CardExtraLarge/CardExtraLarge.stories.d.ts +2 -3
  39. package/dist/src/components/molecules/Card/Templates/CardExtraSmall/CardExtraSmall.stories.d.ts +2 -3
  40. package/dist/src/components/molecules/Card/Templates/CardFrame/CardFrame.stories.d.ts +1 -1
  41. package/dist/src/components/molecules/Card/Templates/CardLarge/CardLarge.stories.d.ts +1 -1
  42. package/dist/src/components/molecules/Card/Templates/CardLarge/CardLargeLive/CardLargeLive.stories.d.ts +1 -1
  43. package/dist/src/components/molecules/Card/Templates/CardMedium/CardMedium.stories.d.ts +1 -2
  44. package/dist/src/components/molecules/Card/Templates/CardMost/CardMost.stories.d.ts +1 -1
  45. package/dist/src/components/molecules/Card/Templates/CardMovie/CardMovie.stories.d.ts +2 -3
  46. package/dist/src/components/molecules/Card/Templates/CardNotification/CardNotification.stories.d.ts +2 -3
  47. package/dist/src/components/molecules/Card/Templates/CardSideImage/CardSideImage.stories.d.ts +2 -3
  48. package/dist/src/components/molecules/Card/Templates/CardSmall/CardSmall.stories.d.ts +2 -3
  49. package/dist/src/components/molecules/Card/Templates/CardVertical/CardVertical.stories.d.ts +2 -3
  50. package/dist/src/components/molecules/Card/Templates/CardVideo/CardVideo.stories.d.ts +3 -4
  51. package/dist/src/components/molecules/Card/Templates/CardVideoSmall/CardVideoSmall.stories.d.ts +2 -3
  52. package/dist/src/components/molecules/Card/Templates/CardWithSummary/CardWithSummary.stories.d.ts +1 -1
  53. package/dist/src/components/molecules/Carousel/Carousel.stories.d.ts +2 -3
  54. package/dist/src/components/molecules/Chart/HalfDonut/HalfDonut.stories.d.ts +1 -1
  55. package/dist/src/components/molecules/Comment/Comment.stories.d.ts +1 -1
  56. package/dist/src/components/molecules/Comment/CommentButton.stories.d.ts +1 -1
  57. package/dist/src/components/molecules/Comment/CommentCount.stories.d.ts +1 -1
  58. package/dist/src/components/molecules/DarkModeSwitch/DarkModeSwitch.stories.d.ts +2 -2
  59. package/dist/src/components/molecules/DiscoverList/DiscoverList.stories.d.ts +165 -166
  60. package/dist/src/components/molecules/Elections/SearchBanner/SearchBanner.d.ts +0 -1
  61. package/dist/src/components/molecules/Elections/SearchBanner/SearchBanner.stories.d.ts +1 -2
  62. package/dist/src/components/molecules/EmojiToolbar/EmojiToolbar.stories.d.ts +1 -1
  63. package/dist/src/components/molecules/Expandable/Expandable.stories.d.ts +2 -3
  64. package/dist/src/components/molecules/Header/HeaderMini/HeaderMini.stories.d.ts +2 -2
  65. package/dist/src/components/molecules/Header/HeaderPage/HeaderPage.stories.d.ts +2 -3
  66. package/dist/src/components/molecules/ImageSlider/ImageSlider.stories.d.ts +1 -1
  67. package/dist/src/components/molecules/InfoBanner/InfoBanner.stories.d.ts +2 -3
  68. package/dist/src/components/molecules/Legend/Legend.stories.d.ts +1 -1
  69. package/dist/src/components/molecules/ListWithDiode/ListWithDiode.stories.d.ts +2 -3
  70. package/dist/src/components/molecules/Live/LiveQuestion/LiveQuestion.stories.d.ts +1 -1
  71. package/dist/src/components/molecules/LogoutButton/LogoutButton.stories.d.ts +1 -1
  72. package/dist/src/components/molecules/Maps/MapDepartments/MapDepartments.stories.d.ts +3 -4
  73. package/dist/src/components/molecules/Maps/MapDistricts/MapDistricts.stories.d.ts +3 -4
  74. package/dist/src/components/molecules/Maps/MapEurope/MapEurope.stories.d.ts +3 -4
  75. package/dist/src/components/molecules/Maps/MapTownsByDepartments/MapTownsByDepartments.stories.d.ts +1 -1
  76. package/dist/src/components/molecules/MediaLink/MediaLink.stories.d.ts +1 -1
  77. package/dist/src/components/molecules/Menu/Menu.stories.d.ts +2 -2
  78. package/dist/src/components/molecules/MenuList/MenuList.stories.d.ts +3 -4
  79. package/dist/src/components/molecules/Newsletter/Newsletter.stories.d.ts +1 -2
  80. package/dist/src/components/molecules/OrderedListWithNumber/OrderedListWithNumber.stories.d.ts +2 -3
  81. package/dist/src/components/molecules/ReadAlsoBanner/ReadAlsoBanner.stories.d.ts +2 -3
  82. package/dist/src/components/molecules/ShowCover/ShowCover.stories.d.ts +1 -1
  83. package/dist/src/components/molecules/Signature/Signature.stories.d.ts +1 -1
  84. package/dist/src/components/molecules/SubMenu/SubMenu.stories.d.ts +1 -1
  85. package/dist/src/components/molecules/Table/Table.stories.d.ts +2 -3
  86. package/dist/src/components/molecules/TagBar/TagBar.stories.d.ts +2 -3
  87. package/dist/src/components/molecules/TextTooltip/TextTooltip.stories.d.ts +1 -2
  88. package/dist/src/components/molecules/Timeline/Timeline.stories.d.ts +2 -3
  89. package/dist/src/components/molecules/UserPanel/UserPanel.stories.d.ts +2 -2
  90. package/dist/src/components/molecules/VerticalTimeline/VerticalTimeline.stories.d.ts +165 -166
  91. package/dist/src/components/molecules/index.d.ts +1 -1
  92. package/dist/src/components/organisms/Elections/ElectionsResult.stories.d.ts +1 -1
  93. package/dist/src/components/organisms/Footer/Footer.stories.d.ts +2 -2
  94. package/dist/src/components/organisms/Header/Header.stories.d.ts +2 -2
  95. package/dist/src/components/organisms/MostReadArticles/MostReadArticles.stories.d.ts +2 -3
  96. package/dist/src/components/organisms/MostWatchVideos/MostWatchVideos.stories.d.ts +2 -3
  97. package/dist/src/components/organisms/PhotoSwipeGallery/PhotoSwipeGallery.stories.d.ts +1 -1
  98. package/dist/src/components/organisms/ThreeColumnsArticles/ThreeColumnsArticles.stories.d.ts +3 -4
  99. package/dist/src/constants/cssProperties/index.d.ts +1 -1
  100. package/dist/src/constants/index.d.ts +6 -6
  101. package/dist/src/constants/storybook/flexBoxSystemPropsControls.d.ts +1 -1
  102. package/dist/src/constants/storybook/flexItemBoxSystemPropsControls.d.ts +1 -1
  103. package/dist/src/constants/storybook/index.d.ts +6 -6
  104. package/dist/src/constants/storybook/spacingSystemPropsControls.d.ts +1 -1
  105. package/dist/src/constants/storybook/systemPropsControls.d.ts +1 -1
  106. package/dist/src/constants/systemProps/index.d.ts +1 -1
  107. package/dist/src/helpers/systemPropsHelper/index.d.ts +8 -8
  108. package/dist/src/index.d.ts +2 -2
  109. package/dist/src/types/ComponentWithAs.d.ts +4 -4
  110. package/dist/src/types/CssProperties/index.d.ts +1 -1
  111. package/dist/src/types/SystemProps/index.d.ts +4 -4
  112. package/dist/src/types/index.d.ts +1 -1
  113. package/dist/style.css +1 -1
  114. package/package.json +17 -27
@@ -1,9 +1,8 @@
1
- import { default as React } from 'react';
2
- import { LayoutType } from '../../../types';
3
1
  import { StoryObj } from '@storybook/react-vite';
2
+ import { LayoutType } from '../../../types';
4
3
  declare const meta: {
5
4
  title: string;
6
- component: React.FC<import('./MostReadArticles').MostReadArticlesProps>;
5
+ component: import('react').FC<import('./MostReadArticles').MostReadArticlesProps>;
7
6
  args: {
8
7
  tabItems: ({
9
8
  name: string;
@@ -1,9 +1,8 @@
1
- import { default as React } from 'react';
2
- import { LayoutType } from '../../../types';
3
1
  import { StoryObj } from '@storybook/react-vite';
2
+ import { LayoutType } from '../../../types';
4
3
  declare const meta: {
5
4
  title: string;
6
- component: React.FC<import('./MostWatchVideos').MostWatchVideosProps>;
5
+ component: import('react').FC<import('./MostWatchVideos').MostWatchVideosProps>;
7
6
  args: {
8
7
  tabItems: {
9
8
  name: string;
@@ -1,5 +1,5 @@
1
- import { PhotoSwipeGalleryProps } from '../..';
2
1
  import { StoryObj } from '@storybook/react-vite';
2
+ import { PhotoSwipeGalleryProps } from '../..';
3
3
  declare const meta: {
4
4
  title: string;
5
5
  component: import('react').FC<PhotoSwipeGalleryProps>;
@@ -1,10 +1,9 @@
1
- import { default as React } from 'react';
1
+ import { StoryContext, StoryFn, StoryObj } from '@storybook/react-vite';
2
2
  import { ThreeColumnsArticlesProps } from '../..';
3
3
  import { LayoutType } from '../../../types';
4
- import { StoryContext, StoryFn, StoryObj } from '@storybook/react-vite';
5
4
  declare const meta: {
6
5
  title: string;
7
- component: React.FC<ThreeColumnsArticlesProps>;
6
+ component: import('react').FC<ThreeColumnsArticlesProps>;
8
7
  args: {
9
8
  title: string;
10
9
  layout: LayoutType.DESKTOP;
@@ -34,7 +33,7 @@ declare const meta: {
34
33
  exclude: string[];
35
34
  };
36
35
  };
37
- decorators: ((Story: StoryFn, context: StoryContext<ThreeColumnsArticlesProps>) => React.JSX.Element)[];
36
+ decorators: ((Story: StoryFn, context: StoryContext<ThreeColumnsArticlesProps>) => import("react/jsx-runtime").JSX.Element)[];
38
37
  };
39
38
  export default meta;
40
39
  type Story = StoryObj<typeof meta>;
@@ -1,2 +1,2 @@
1
- export * from './typography';
2
1
  export * from './flexboxAndGridBox';
2
+ export * from './typography';
@@ -1,11 +1,11 @@
1
- export * from './tokenVariables';
2
- export * from './tokenNameList';
1
+ export * from './cssProperties';
2
+ export * from './emojiConfig';
3
3
  export * from './mapTownsByDepartmentsConfig';
4
4
  export * from './mediaQueriesList';
5
- export * from './systemProps';
6
- export * from './themeList';
7
- export * from './cssProperties';
8
5
  export * from './politicalPartiesColors';
6
+ export * from './systemProps';
9
7
  export * from './themeColorAvailables';
8
+ export * from './themeList';
9
+ export * from './tokenNameList';
10
+ export * from './tokenVariables';
10
11
  export * from './tvShowsColors';
11
- export * from './emojiConfig';
@@ -1,3 +1,3 @@
1
- import { FlexBoxSystemProps } from '../../types';
2
1
  import { ArgTypes } from '@storybook/csf';
2
+ import { FlexBoxSystemProps } from '../../types';
3
3
  export declare const flexBoxSystemPropsControls: ArgTypes<FlexBoxSystemProps>;
@@ -1,3 +1,3 @@
1
- import { FlexBoxItemSystemProps } from '../../types';
2
1
  import { ArgTypes } from '@storybook/csf';
2
+ import { FlexBoxItemSystemProps } from '../../types';
3
3
  export declare const flexBoxItemSystemPropsControls: ArgTypes<FlexBoxItemSystemProps>;
@@ -1,11 +1,11 @@
1
1
  export * from './colorSystemPropsControls';
2
- export * from './spacingSystemPropsControls';
3
- export * from './typographyPropsControls';
4
- export * from './radiusSystemPropsControls';
5
- export * from './systemPropsControls';
2
+ export * from './flexBoxSystemPropsControls';
3
+ export * from './flexItemBoxSystemPropsControls';
6
4
  export * from './flexItemPropsControls';
7
5
  export * from './flexOrGridItemPropsControls';
8
6
  export * from './flexOrGridPropsControls';
9
- export * from './flexBoxSystemPropsControls';
10
- export * from './flexItemBoxSystemPropsControls';
11
7
  export * from './gridPropsControls';
8
+ export * from './radiusSystemPropsControls';
9
+ export * from './spacingSystemPropsControls';
10
+ export * from './systemPropsControls';
11
+ export * from './typographyPropsControls';
@@ -1,5 +1,5 @@
1
- import { SpacingSystemProps } from '../../types';
2
1
  import { ArgTypes } from '@storybook/csf';
2
+ import { SpacingSystemProps } from '../../types';
3
3
  export declare const marginSystemPropsControls: Partial<ArgTypes<import('@storybook/csf').Args>>;
4
4
  export declare const paddingSystemPropsControls: Partial<ArgTypes<import('@storybook/csf').Args>>;
5
5
  export declare const spacingSystemPropsControls: ArgTypes<SpacingSystemProps>;
@@ -1,3 +1,3 @@
1
- import { SystemProps } from '../../types';
2
1
  import { ArgTypes } from '@storybook/csf';
2
+ import { SystemProps } from '../../types';
3
3
  export declare const systemPropsControls: ArgTypes<SystemProps>;
@@ -1,6 +1,6 @@
1
1
  export * from './colorSystemProps';
2
- export * from './flexOrGridItemSystemProps';
3
2
  export * from './flexOrGridBoxSystemProps';
3
+ export * from './flexOrGridItemSystemProps';
4
4
  export * from './radiusSystemProps';
5
5
  export * from './spacingSystemProps';
6
6
  export * from './systemProps';
@@ -1,12 +1,12 @@
1
- export * from './classNameWithModifier';
2
1
  export * from './classNamesWithModifiers';
3
- export * from './omitSystemProps';
2
+ export * from './classNameWithModifier';
4
3
  export * from './colorSystemClassName';
5
- export * from './spacingSystemClassName';
4
+ export * from './flexBoxItemSystemClassName';
5
+ export * from './flexBoxSystemClassName';
6
+ export * from './flexOrGridBoxClassName';
7
+ export * from './flexOrGridBoxItemClassName';
8
+ export * from './omitSystemProps';
6
9
  export * from './radiusSystemClassName';
7
- export * from './typographySystemClassName';
10
+ export * from './spacingSystemClassName';
8
11
  export * from './systemClassName';
9
- export * from './flexOrGridBoxItemClassName';
10
- export * from './flexOrGridBoxClassName';
11
- export * from './flexBoxSystemClassName';
12
- export * from './flexBoxItemSystemClassName';
12
+ export * from './typographySystemClassName';
@@ -1,6 +1,6 @@
1
- export * from './types';
1
+ export * from './components';
2
2
  export * from './constants';
3
3
  export * from './helpers/forwardRef';
4
4
  export * from './helpers/imgHelper';
5
5
  export * from './helpers/numberFormatHelper';
6
- export * from './components';
6
+ export * from './types';
@@ -3,12 +3,12 @@ export type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {
3
3
  as?: React.ElementType | string;
4
4
  };
5
5
  export type OmitCommonProps<Target, OmitAdditionalProps extends keyof any = never> = Omit<Target, 'as' | 'color' | 'align' | OmitAdditionalProps>;
6
- export type RightJoinProps<SourceProps extends object = {}, OverrideProps extends object = {}> = OmitCommonProps<SourceProps, keyof OverrideProps> & OverrideProps;
7
- export type PropsWithoutAs<Props extends object = {}> = Omit<Props, 'as'>;
8
- export type MergeWithAs<ComponentProps extends object, AsProps extends object, AdditionalProps extends object = {}, AsComponent extends As = As> = RightJoinProps<ComponentProps, PropsWithoutAs<AdditionalProps>> & RightJoinProps<AsProps, PropsWithoutAs<AdditionalProps>> & {
6
+ export type RightJoinProps<SourceProps extends object = Record<string, never>, OverrideProps extends object = Record<string, never>> = OmitCommonProps<SourceProps, keyof OverrideProps> & OverrideProps;
7
+ export type PropsWithoutAs<Props extends object = Record<string, never>> = Omit<Props, 'as'>;
8
+ export type MergeWithAs<ComponentProps extends object, AsProps extends object, AdditionalProps extends object = Record<string, never>, AsComponent extends As = As> = RightJoinProps<ComponentProps, PropsWithoutAs<AdditionalProps>> & RightJoinProps<AsProps, PropsWithoutAs<AdditionalProps>> & {
9
9
  as?: AsComponent;
10
10
  };
11
- export interface ComponentWithAs<Component extends As, Props extends object = {}> {
11
+ export interface ComponentWithAs<Component extends As, Props extends object = Record<string, never>> {
12
12
  <AsComponent extends As = Component>(props: MergeWithAs<React.ComponentProps<Component>, React.ComponentProps<AsComponent>, Props, AsComponent>): JSX.Element;
13
13
  displayName?: string;
14
14
  }
@@ -1,2 +1,2 @@
1
- export * from './typography';
2
1
  export * from './flexboxAndGridBox';
2
+ export * from './typography';
@@ -1,10 +1,10 @@
1
1
  export * from './ColorSystemProps';
2
- export * from './FlexOrGridBoxSystemProps';
3
- export * from './FlexOrGridBoxItemSystemProps';
4
- export * from './FlexBoxSystemProps';
5
2
  export * from './FlexBoxItemSystemProps';
3
+ export * from './FlexBoxSystemProps';
4
+ export * from './FlexOrGridBoxItemSystemProps';
5
+ export * from './FlexOrGridBoxSystemProps';
6
6
  export * from './RadiusSystemProps';
7
+ export * from './SizeSystemProps';
7
8
  export * from './SpacingSystemProps';
8
9
  export * from './SystemProps';
9
10
  export * from './TypographySystemProps';
10
- export * from './SizeSystemProps';
@@ -13,6 +13,6 @@ export * from './SystemProps';
13
13
  export * from './TabType';
14
14
  export * from './TextType';
15
15
  export * from './ThemeType';
16
- export * from './tokenTypes';
17
16
  export * from './TvShowsType';
18
17
  export * from './TypeWithModifier';
18
+ export * from './tokenTypes';