@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.
- package/dist/components/{molecules/Article → atoms}/ArticleContent/ArticleContent.d.ts +1 -1
- package/dist/components/{molecules/Article → atoms}/ArticleContent/index.d.ts +0 -0
- package/dist/components/atoms/Embed/Embed.d.ts +5 -0
- package/dist/components/atoms/Embed/index.d.ts +1 -0
- package/dist/components/atoms/Icon/Icon.d.ts +2 -2
- package/dist/components/atoms/Input/Input.d.ts +2 -0
- package/dist/components/atoms/Link/Link.d.ts +2 -1
- package/dist/components/atoms/Section/Section.d.ts +2 -1
- package/dist/components/atoms/Tag/Tag.d.ts +1 -3
- package/dist/components/atoms/index.d.ts +2 -0
- package/dist/components/molecules/Article/{ArticleImageCover/ArticleImageCover.d.ts → ArticleCover/ArticleCover.d.ts} +3 -2
- package/dist/components/molecules/Article/ArticleCover/index.d.ts +1 -0
- package/dist/components/molecules/Article/ArticleVideo/ArticleVideo.d.ts +5 -0
- package/dist/components/molecules/Article/index.d.ts +1 -3
- package/dist/components/molecules/ErrorContent/ErrorContent.d.ts +1 -0
- package/dist/components/molecules/HeaderBanner/HeaderBanner.d.ts +2 -3
- package/dist/components/molecules/Horoscope/HoroscopeTopicCard/HoroscopeTopicCard.d.ts +2 -2
- package/dist/components/molecules/InfoBanner/InfoBanner.d.ts +2 -1
- package/dist/components/molecules/SearchForm/SearchForm.d.ts +2 -0
- package/dist/components/molecules/TagBar/TagBar.d.ts +2 -0
- package/dist/index.es.js +9190 -9179
- package/dist/index.umd.js +50 -50
- package/dist/scss/abstracts/functions/_index.scss +1 -1
- package/dist/scss/abstracts/functions/{_spaces.scss → _old-spacing.scss} +0 -14
- package/dist/scss/abstracts/variables/_token-variables.scss +1 -1
- package/dist/style.css +1 -1
- package/package.json +9 -9
- package/dist/components/molecules/Article/ArticleImageCover/index.d.ts +0 -1
- package/dist/components/molecules/Article/ArticleVideoCover/ArticleVideoCover.d.ts +0 -6
- 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 '
|
|
3
|
+
import { ColorSchemeTheme } from '../../../types';
|
|
4
4
|
export interface ArticleContentProps {
|
|
5
5
|
content: RawDraftContentState;
|
|
6
6
|
colorScheme?: ColorSchemeTheme;
|
|
File without changes
|
|
@@ -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
|
|
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
|
-
|
|
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,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
|
|
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
|
|
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
|
|
10
|
+
export declare const ArticleCover: React.FC<ArticleCoverProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ArticleCover';
|
|
@@ -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
|
-
|
|
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>;
|