@20minutes/hela 0.1.39 → 0.1.41

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 (30) hide show
  1. package/dist/components/{molecules/Article → atoms}/ArticleContent/ArticleContent.d.ts +1 -1
  2. package/dist/components/{molecules/Article → atoms}/ArticleContent/index.d.ts +0 -0
  3. package/dist/components/atoms/Embed/Embed.d.ts +5 -0
  4. package/dist/components/atoms/Embed/index.d.ts +1 -0
  5. package/dist/components/atoms/Icon/Icon.d.ts +2 -2
  6. package/dist/components/atoms/Input/Input.d.ts +2 -0
  7. package/dist/components/atoms/Link/Link.d.ts +2 -1
  8. package/dist/components/atoms/Section/Section.d.ts +2 -1
  9. package/dist/components/atoms/Tag/Tag.d.ts +1 -3
  10. package/dist/components/atoms/index.d.ts +2 -0
  11. package/dist/components/molecules/Article/{ArticleImageCover/ArticleImageCover.d.ts → ArticleCover/ArticleCover.d.ts} +3 -2
  12. package/dist/components/molecules/Article/ArticleCover/index.d.ts +1 -0
  13. package/dist/components/molecules/Article/ArticleVideo/ArticleVideo.d.ts +5 -0
  14. package/dist/components/molecules/Article/index.d.ts +1 -3
  15. package/dist/components/molecules/ErrorContent/ErrorContent.d.ts +1 -0
  16. package/dist/components/molecules/HeaderBanner/HeaderBanner.d.ts +2 -3
  17. package/dist/components/molecules/Horoscope/HoroscopeTopicCard/HoroscopeTopicCard.d.ts +2 -2
  18. package/dist/components/molecules/InfoBanner/InfoBanner.d.ts +2 -1
  19. package/dist/components/molecules/SearchForm/SearchForm.d.ts +2 -0
  20. package/dist/components/molecules/TagBar/TagBar.d.ts +2 -0
  21. package/dist/index.es.js +9190 -9179
  22. package/dist/index.umd.js +50 -50
  23. package/dist/scss/abstracts/functions/_index.scss +1 -1
  24. package/dist/scss/abstracts/functions/{_spaces.scss → _old-spacing.scss} +0 -14
  25. package/dist/scss/abstracts/variables/_token-variables.scss +1 -1
  26. package/dist/style.css +1 -1
  27. package/package.json +9 -9
  28. package/dist/components/molecules/Article/ArticleImageCover/index.d.ts +0 -1
  29. package/dist/components/molecules/Article/ArticleVideoCover/ArticleVideoCover.d.ts +0 -6
  30. package/dist/components/molecules/Article/ArticleVideoCover/index.d.ts +0 -1
@@ -1,6 +1,6 @@
1
1
  import { RawDraftContentState } from 'draft-js';
2
2
  import * as React from 'react';
3
- import { ColorSchemeTheme } from '../../../../types';
3
+ import { ColorSchemeTheme } from '../../../types';
4
4
  export interface ArticleContentProps {
5
5
  content: RawDraftContentState;
6
6
  colorScheme?: ColorSchemeTheme;
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ export interface EmbedProps {
3
+ html: string;
4
+ }
5
+ export declare const Embed: React.FC<EmbedProps>;
@@ -0,0 +1 @@
1
+ export * from './Embed';
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
+ import { BoxProps } from '../../../components';
2
3
  export declare type IconName = '20mn-pub' | 'apple' | 'arrow' | 'bookmark' | 'chevron' | 'close' | 'clover' | 'comment' | 'connect' | 'connected' | 'dailymotion' | 'darkmode' | 'diode-entertainment' | 'diode-leaning' | 'diode-planet' | 'diode-sport' | 'diode' | 'facebook' | 'flipboard' | 'googleplay' | 'health' | 'heart' | 'horoscope' | 'home' | 'instagram' | 'jeux' | 'journal' | 'local' | 'logo' | 'menu' | 'mood' | 'newsletters' | 'not-found' | 'notification' | 'podcast' | 'report' | 'search' | 'server-error' | 'share' | 'signin-facebook' | 'signin-google' | 'snapchat' | 'star' | 'tiktok' | 'twitter' | 'valide' | 'view' | 'youtube' | 'work';
3
4
  export declare type IconHoroscopeName = 'horoscope-belier' | 'horoscope-taureau' | 'horoscope-gemeaux' | 'horoscope-cancer' | 'horoscope-lion' | 'horoscope-vierge' | 'horoscope-balance' | 'horoscope-scorpion' | 'horoscope-sagittaire' | 'horoscope-capricorne' | 'horoscope-verseau' | 'horoscope-poissons' | 'horoscope-buffle' | 'horoscope-cheval' | 'horoscope-chevre' | 'horoscope-chien' | 'horoscope-cochon' | 'horoscope-coq' | 'horoscope-dragon' | 'horoscope-lapin' | 'horoscope-rat' | 'horoscope-serpent' | 'horoscope-singe' | 'horoscope-tigre';
4
- export interface IconProps extends Omit<React.SVGAttributes<SVGElement>, 'width' | 'height'> {
5
- className?: string;
5
+ export interface IconProps extends BoxProps<'div'> {
6
6
  name: IconName | IconHoroscopeName;
7
7
  size?: number | number[];
8
8
  withBorder?: boolean;
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ButtonProps, IconName } from '../../../components';
3
+ import { ColorType } from '../../../types';
3
4
  export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
4
5
  label?: string;
5
6
  icon?: IconName;
@@ -9,5 +10,6 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
9
10
  variant?: 'success' | 'error';
10
11
  msg?: string;
11
12
  variantMsg?: 'default' | 'error' | 'success';
13
+ color?: ColorType;
12
14
  }
13
15
  export declare const Input: React.FC<InputProps>;
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
- export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
2
+ import { BoxProps } from '../../../components';
3
+ export interface LinkProps extends BoxProps<'a'> {
3
4
  children: React.ReactNode;
4
5
  variant?: 'default' | 'primary-button' | 'secondary-button';
5
6
  isTargetBlank?: boolean;
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
- export interface SectionProps {
2
+ import { BoxProps } from '../../../components';
3
+ export interface SectionProps extends BoxProps {
3
4
  inner?: boolean;
4
5
  children: React.ReactNode;
5
6
  }
@@ -1,9 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { ColorType } from '../../../types';
3
3
  import { BoxProps } from '../../../components';
4
- export interface TagProps extends Omit<BoxProps, 'id'> {
5
- children?: React.ReactNode;
6
- id?: number;
4
+ export interface TagProps extends BoxProps<'a'> {
7
5
  link?: string;
8
6
  variant?: 'primary' | 'secondary' | 'breadcrumb';
9
7
  color?: ColorType;
@@ -1,10 +1,12 @@
1
1
  export * from './Ad';
2
2
  export * from './Alert';
3
+ export * from './ArticleContent';
3
4
  export * from './Avatar';
4
5
  export * from './Button';
5
6
  export * from './Checkbox';
6
7
  export * from './Divider';
7
8
  export * from './DividerSection';
9
+ export * from './Embed';
8
10
  export * from './Icon';
9
11
  export * from './Img';
10
12
  export * from './InlineSeparator';
@@ -1,9 +1,10 @@
1
1
  import * as React from 'react';
2
2
  import { LayoutType } from '../../../../types';
3
- export interface ArticleImageCoverProps {
3
+ export interface ArticleCoverProps {
4
+ type: string;
4
5
  src: string;
5
6
  caption: string;
6
7
  isCaptionInside?: boolean;
7
8
  layout?: LayoutType;
8
9
  }
9
- export declare const ArticleImageCover: React.FC<ArticleImageCoverProps>;
10
+ export declare const ArticleCover: React.FC<ArticleCoverProps>;
@@ -0,0 +1 @@
1
+ export * from './ArticleCover';
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ export interface ArticleVideoProps {
3
+ html: string;
4
+ }
5
+ export declare const ArticleVideo: React.FC<ArticleVideoProps>;
@@ -1,5 +1,3 @@
1
- export * from './ArticleContent';
2
1
  export * from './ArticleHeader';
3
- export * from './ArticleImageCover';
2
+ export * from './ArticleCover';
4
3
  export * from './ArticleSummary';
5
- export * from './ArticleVideoCover';
@@ -2,5 +2,6 @@ import * as React from 'react';
2
2
  import { BoxProps } from '../../../components';
3
3
  export interface ErrorContentProps extends BoxProps {
4
4
  statusCode: '404' | '500';
5
+ enableGoogleSearch: boolean;
5
6
  }
6
7
  export declare const ErrorContent: React.FC<ErrorContentProps>;
@@ -1,10 +1,9 @@
1
1
  import * as React from 'react';
2
- import { IconHoroscopeName } from '../../../components';
3
- export interface HeaderBannerProps {
2
+ import { FlexProps, IconHoroscopeName } from '../../../components';
3
+ export interface HeaderBannerProps extends FlexProps<'div'> {
4
4
  title: string;
5
5
  subtitle: string;
6
6
  icon?: IconHoroscopeName;
7
7
  variant?: 'lightBlue' | 'darkBlue' | 'yellow' | 'orange' | 'transparent';
8
- classname?: string;
9
8
  }
10
9
  export declare const HeaderBanner: React.FC<HeaderBannerProps>;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { IconName } from '../../../../components';
3
- export interface HoroscopeTopicCardProps {
2
+ import { BoxProps, IconName } from '../../../../components';
3
+ export interface HoroscopeTopicCardProps extends BoxProps<'div'> {
4
4
  icon: IconName;
5
5
  title: string;
6
6
  content: string;
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
- export interface InfoBannerProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ import { FlexProps } from '../../../components';
3
+ export interface InfoBannerProps extends FlexProps<'div'> {
3
4
  cover?: string;
4
5
  description: string;
5
6
  title: string;
@@ -1,7 +1,9 @@
1
1
  import * as React from 'react';
2
+ import { ColorType } from '../../../types';
2
3
  export interface SearchFormProps extends React.HTMLAttributes<HTMLFormElement> {
3
4
  id: string;
4
5
  url: string;
5
6
  className?: string;
7
+ color?: ColorType;
6
8
  }
7
9
  export declare const SearchForm: React.FC<SearchFormProps>;
@@ -1,6 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { TagProps } from '../../../components';
3
+ import { LayoutType } from '../../../types';
3
4
  export interface TagBarProps extends React.HTMLAttributes<HTMLDivElement> {
4
5
  tags: TagProps[];
6
+ layout: LayoutType;
5
7
  }
6
8
  export declare const TagBar: React.FC<TagBarProps>;