@20minutes/hela 0.1.31 → 0.1.32
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/assets/scripts/collapse.d.ts +1 -0
- package/dist/assets/scripts/expander.d.ts +1 -0
- package/dist/assets/scripts/modal.d.ts +1 -0
- package/dist/assets/scripts/navigation.d.ts +2 -0
- package/dist/assets/scripts/scroll.d.ts +1 -0
- package/dist/assets/scripts/searchToggle.d.ts +1 -0
- package/dist/assets/scripts/tabs.d.ts +1 -0
- package/dist/assets/scripts/theming.d.ts +2 -0
- package/dist/components/atoms/Ad/Ad.d.ts +12 -0
- package/dist/components/atoms/Ad/index.d.ts +1 -0
- package/dist/components/atoms/Alert/Alert.d.ts +13 -0
- package/dist/components/atoms/Alert/index.d.ts +1 -0
- package/dist/components/atoms/Avatar/Avatar.d.ts +6 -0
- package/dist/components/atoms/Avatar/index.d.ts +1 -0
- package/dist/components/atoms/Button/Button.d.ts +10 -0
- package/dist/components/atoms/Button/index.d.ts +1 -0
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +5 -0
- package/dist/components/atoms/Checkbox/index.d.ts +1 -0
- package/dist/components/atoms/Divider/Divider.d.ts +6 -0
- package/dist/components/atoms/Divider/index.d.ts +1 -0
- package/dist/components/atoms/DividerSection/DividerSection.d.ts +10 -0
- package/dist/components/atoms/DividerSection/index.d.ts +1 -0
- package/dist/components/atoms/Icon/Icon.d.ts +11 -0
- package/dist/components/atoms/Icon/SvgSprite.d.ts +3 -0
- package/dist/components/atoms/Icon/index.d.ts +2 -0
- package/dist/components/atoms/Img/Img.d.ts +10 -0
- package/dist/components/atoms/Img/index.d.ts +1 -0
- package/dist/components/atoms/InlineSeparator/InlineSeparator.d.ts +3 -0
- package/dist/components/atoms/InlineSeparator/index.d.ts +1 -0
- package/dist/components/atoms/Input/Input.d.ts +13 -0
- package/dist/components/atoms/Input/index.d.ts +1 -0
- package/dist/components/atoms/Label/Label.d.ts +8 -0
- package/dist/components/atoms/Label/index.d.ts +1 -0
- package/dist/components/atoms/LabelSection/LabelSection.d.ts +5 -0
- package/dist/components/atoms/LabelSection/index.d.ts +1 -0
- package/dist/components/atoms/Layout/Box/Box.d.ts +4 -0
- package/dist/components/atoms/Layout/Box/index.d.ts +1 -0
- package/dist/components/atoms/Layout/Flex/Flex.d.ts +10 -0
- package/dist/components/atoms/Layout/Flex/FlexItem/FlexItem.d.ts +8 -0
- package/dist/components/atoms/Layout/Flex/FlexItem/index.d.ts +1 -0
- package/dist/components/atoms/Layout/Flex/index.d.ts +2 -0
- package/dist/components/atoms/Layout/Grid/Grid.d.ts +9 -0
- package/dist/components/atoms/Layout/Grid/index.d.ts +1 -0
- package/dist/components/atoms/Layout/index.d.ts +3 -0
- package/dist/components/atoms/Link/Link.d.ts +9 -0
- package/dist/components/atoms/Link/index.d.ts +1 -0
- package/dist/components/atoms/Meta/Meta.d.ts +15 -0
- package/dist/components/atoms/Meta/index.d.ts +1 -0
- package/dist/components/atoms/Modal/Modal.d.ts +10 -0
- package/dist/components/atoms/Modal/index.d.ts +1 -0
- package/dist/components/atoms/Pipe/Pipe.d.ts +1 -0
- package/dist/components/atoms/Pipe/index.d.ts +1 -0
- package/dist/components/atoms/ReadAlso/ReadAlso.d.ts +10 -0
- package/dist/components/atoms/ReadAlso/index.d.ts +1 -0
- package/dist/components/atoms/ScrollProgressBar/ScrollProgressBar.d.ts +8 -0
- package/dist/components/atoms/ScrollProgressBar/index.d.ts +1 -0
- package/dist/components/atoms/Section/Section.d.ts +6 -0
- package/dist/components/atoms/Section/index.d.ts +1 -0
- package/dist/components/atoms/Select/Select.d.ts +10 -0
- package/dist/components/atoms/Select/index.d.ts +1 -0
- package/dist/components/atoms/Skeleton/Skeleton.d.ts +5 -0
- package/dist/components/atoms/Skeleton/index.d.ts +1 -0
- package/dist/components/atoms/Slider/Slider.d.ts +8 -0
- package/dist/components/atoms/Slider/index.d.ts +1 -0
- package/dist/components/atoms/Switch/Switch.d.ts +8 -0
- package/dist/components/atoms/Switch/index.d.ts +1 -0
- package/dist/components/atoms/SwitchDarkMode/SwitchDarkMode.d.ts +6 -0
- package/dist/components/atoms/SwitchDarkMode/index.d.ts +1 -0
- package/dist/components/atoms/Tab/Tab.d.ts +10 -0
- package/dist/components/atoms/Tab/index.d.ts +1 -0
- package/dist/components/atoms/TabPanel/TabPanel.d.ts +7 -0
- package/dist/components/atoms/TabPanel/index.d.ts +1 -0
- package/dist/components/atoms/Tag/Tag.d.ts +11 -0
- package/dist/components/atoms/Tag/index.d.ts +1 -0
- package/dist/components/atoms/Typography/Heading.d.ts +8 -0
- package/dist/components/atoms/Typography/Text.d.ts +8 -0
- package/dist/components/atoms/Typography/Typography.d.ts +8 -0
- package/dist/components/atoms/Typography/index.d.ts +2 -0
- package/dist/components/atoms/index.d.ts +30 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/molecules/Article/ArticleContent/ArticleContent.d.ts +8 -0
- package/dist/components/molecules/Article/ArticleContent/index.d.ts +1 -0
- package/dist/components/molecules/Article/ArticleHeader/ArticleHeader.d.ts +10 -0
- package/dist/components/molecules/Article/ArticleHeader/index.d.ts +1 -0
- package/dist/components/molecules/Article/ArticleImageCover/ArticleImageCover.d.ts +9 -0
- package/dist/components/molecules/Article/ArticleImageCover/index.d.ts +1 -0
- package/dist/components/molecules/Article/ArticleSummary/ArticleSummary.d.ts +8 -0
- package/dist/components/molecules/Article/ArticleSummary/index.d.ts +1 -0
- package/dist/components/molecules/Article/ArticleVideoCover/ArticleVideoCover.d.ts +6 -0
- package/dist/components/molecules/Article/ArticleVideoCover/index.d.ts +1 -0
- package/dist/components/molecules/Article/index.d.ts +5 -0
- package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts +19 -0
- package/dist/components/molecules/Breadcrumb/BreadcrumbRubric.d.ts +8 -0
- package/dist/components/molecules/Breadcrumb/index.d.ts +1 -0
- package/dist/components/molecules/Card/Card/Card.d.ts +7 -0
- package/dist/components/molecules/Card/Card/index.d.ts +1 -0
- package/dist/components/molecules/Card/CardExtraLarge/CardExtraLarge.d.ts +14 -0
- package/dist/components/molecules/Card/CardExtraLarge/index.d.ts +1 -0
- package/dist/components/molecules/Card/CardExtraSmall/CardExtraSmall.d.ts +10 -0
- package/dist/components/molecules/Card/CardExtraSmall/index.d.ts +1 -0
- package/dist/components/molecules/Card/CardHeader/CardHeader.d.ts +9 -0
- package/dist/components/molecules/Card/CardHeader/index.d.ts +1 -0
- package/dist/components/molecules/Card/CardLarge/CardLarge.d.ts +15 -0
- package/dist/components/molecules/Card/CardLarge/index.d.ts +1 -0
- package/dist/components/molecules/Card/CardMedium/CardMedium.d.ts +12 -0
- package/dist/components/molecules/Card/CardMedium/index.d.ts +1 -0
- package/dist/components/molecules/Card/CardMostRead/CardMostRead.d.ts +16 -0
- package/dist/components/molecules/Card/CardMostRead/index.d.ts +1 -0
- package/dist/components/molecules/Card/CardOverview/CardOverview.d.ts +9 -0
- package/dist/components/molecules/Card/CardOverview/index.d.ts +1 -0
- package/dist/components/molecules/Card/CardSmall/CardSmall.d.ts +11 -0
- package/dist/components/molecules/Card/CardSmall/index.d.ts +1 -0
- package/dist/components/molecules/Card/index.d.ts +9 -0
- package/dist/components/molecules/CategoryCards/CategoryCards.d.ts +9 -0
- package/dist/components/molecules/CategoryCards/index.d.ts +1 -0
- package/dist/components/molecules/Collapse/Collapse.d.ts +11 -0
- package/dist/components/molecules/Collapse/index.d.ts +1 -0
- package/dist/components/molecules/ErrorContent/ErrorContent.d.ts +5 -0
- package/dist/components/molecules/ErrorContent/index.d.ts +1 -0
- package/dist/components/molecules/FooterCategories/FooterCategories.d.ts +13 -0
- package/dist/components/molecules/FooterCategories/index.d.ts +1 -0
- package/dist/components/molecules/FooterLinks/FooterLinks.d.ts +12 -0
- package/dist/components/molecules/FooterLinks/index.d.ts +1 -0
- package/dist/components/molecules/HeaderBanner/HeaderBanner.d.ts +10 -0
- package/dist/components/molecules/HeaderBanner/index.d.ts +1 -0
- package/dist/components/molecules/HeaderPage/HeaderPage.d.ts +10 -0
- package/dist/components/molecules/HeaderPage/index.d.ts +1 -0
- package/dist/components/molecules/HeaderSideModal/HeaderSideModal.d.ts +8 -0
- package/dist/components/molecules/HeaderSideModal/index.d.ts +1 -0
- package/dist/components/molecules/Horoscope/HoroscopeContent/HoroscopeContent.d.ts +7 -0
- package/dist/components/molecules/Horoscope/HoroscopeContent/index.d.ts +1 -0
- package/dist/components/molecules/Horoscope/HoroscopeHomepageContent/HoroscopeHomepageContent.d.ts +12 -0
- package/dist/components/molecules/Horoscope/HoroscopeHomepageContent/index.d.ts +1 -0
- package/dist/components/molecules/Horoscope/HoroscopeTiles/HoroscopeTiles.d.ts +9 -0
- package/dist/components/molecules/Horoscope/HoroscopeTiles/index.d.ts +1 -0
- package/dist/components/molecules/Horoscope/HoroscopeTopicCard/HoroscopeTopicCard.d.ts +10 -0
- package/dist/components/molecules/Horoscope/HoroscopeTopicCard/index.d.ts +1 -0
- package/dist/components/molecules/Horoscope/index.d.ts +4 -0
- package/dist/components/molecules/InfoBanner/InfoBanner.d.ts +6 -0
- package/dist/components/molecules/InfoBanner/index.d.ts +1 -0
- package/dist/components/molecules/LiveCards/LiveCards.d.ts +8 -0
- package/dist/components/molecules/LiveCards/index.d.ts +1 -0
- package/dist/components/molecules/Menu/Menu.d.ts +16 -0
- package/dist/components/molecules/Menu/index.d.ts +1 -0
- package/dist/components/molecules/MostReadArticles/MostReadArticles.d.ts +15 -0
- package/dist/components/molecules/MostReadArticles/index.d.ts +1 -0
- package/dist/components/molecules/Newsletter/Newsletter.d.ts +12 -0
- package/dist/components/molecules/Newsletter/index.d.ts +1 -0
- package/dist/components/molecules/OverviewBar/OverviewBar.d.ts +7 -0
- package/dist/components/molecules/OverviewBar/index.d.ts +1 -0
- package/dist/components/molecules/PartnerCards/PartnerCards.d.ts +9 -0
- package/dist/components/molecules/PartnerCards/index.d.ts +1 -0
- package/dist/components/molecules/SearchForm/SearchForm.d.ts +7 -0
- package/dist/components/molecules/SearchForm/index.d.ts +1 -0
- package/dist/components/molecules/Signature/Signature.d.ts +10 -0
- package/dist/components/molecules/Signature/index.d.ts +1 -0
- package/dist/components/molecules/SmartBanner/SmartBanner.d.ts +9 -0
- package/dist/components/molecules/SmartBanner/index.d.ts +1 -0
- package/dist/components/molecules/SocialBar/SocialBar.d.ts +10 -0
- package/dist/components/molecules/SocialBar/index.d.ts +1 -0
- package/dist/components/molecules/SocialIcons/SocialIcons.d.ts +11 -0
- package/dist/components/molecules/SocialIcons/index.d.ts +1 -0
- package/dist/components/molecules/Tabs/Tabs.d.ts +12 -0
- package/dist/components/molecules/Tabs/index.d.ts +1 -0
- package/dist/components/molecules/TagBar/TagBar.d.ts +6 -0
- package/dist/components/molecules/TagBar/index.d.ts +1 -0
- package/dist/components/molecules/Tiles/Tiles.d.ts +9 -0
- package/dist/components/molecules/Tiles/index.d.ts +1 -0
- package/dist/components/molecules/index.d.ts +27 -0
- package/dist/components/organisms/Footer/Footer.d.ts +7 -0
- package/dist/components/organisms/Footer/FooterDesktop.d.ts +6 -0
- package/dist/components/organisms/Footer/FooterMobile.d.ts +6 -0
- package/dist/components/organisms/Footer/index.d.ts +1 -0
- package/dist/components/organisms/Header/Header.d.ts +7 -0
- package/dist/components/organisms/Header/HeaderDesktop.d.ts +13 -0
- package/dist/components/organisms/Header/HeaderMobile.d.ts +5 -0
- package/dist/components/organisms/Header/index.d.ts +1 -0
- package/dist/components/organisms/index.d.ts +2 -0
- package/dist/constants/cssProperties/flexboxAndGridBox.d.ts +7 -0
- package/dist/constants/cssProperties/index.d.ts +1 -0
- package/dist/constants/index.d.ts +6 -0
- package/dist/constants/mediaQueriesList.d.ts +1 -0
- package/dist/constants/systemProps/colorSystemProps.d.ts +2 -0
- package/dist/constants/systemProps/flexOrGridBoxSystemProps.d.ts +2 -0
- package/dist/constants/systemProps/flexOrGridItemSystemProps.d.ts +2 -0
- package/dist/constants/systemProps/index.d.ts +5 -0
- package/dist/constants/systemProps/spacingSystemProps.d.ts +4 -0
- package/dist/constants/systemProps/systemProps.d.ts +2 -0
- package/dist/constants/themeList.d.ts +1 -0
- package/dist/constants/tokenNameList.d.ts +3 -0
- package/dist/constants/tokenVariables.d.ts +153 -0
- package/dist/helpers/stringHelper.d.ts +1 -0
- package/dist/helpers/systemPropsHelper/classNameWithModifier.d.ts +5 -0
- package/dist/helpers/systemPropsHelper/classNamesWithModifiers.d.ts +6 -0
- package/dist/helpers/systemPropsHelper/colorSystemClassName.d.ts +2 -0
- package/dist/helpers/systemPropsHelper/flexOrGridBoxClassName.d.ts +2 -0
- package/dist/helpers/systemPropsHelper/flexOrGridBoxItemClassName.d.ts +2 -0
- package/dist/helpers/systemPropsHelper/index.d.ts +8 -0
- package/dist/helpers/systemPropsHelper/omitSystemProps.d.ts +4 -0
- package/dist/helpers/systemPropsHelper/spacingSystemClassName.d.ts +2 -0
- package/dist/helpers/systemPropsHelper/systemClassName.d.ts +2 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useLayoutEffect.d.ts +2 -0
- package/dist/index.d.ts +3 -765
- package/dist/index.es.js +4410 -4396
- package/dist/index.umd.js +48 -48
- package/dist/scss/abstracts/variables/_token-variables.scss +1 -1
- package/dist/style.css +1 -1
- package/dist/types/Color.d.ts +4 -0
- package/dist/types/CssProperties/flexboxAndGridBox.d.ts +8 -0
- package/dist/types/CssProperties/index.d.ts +1 -0
- package/dist/types/IconType.d.ts +1 -0
- package/dist/types/LayoutType.d.ts +4 -0
- package/dist/types/MediaQueryType.d.ts +2 -0
- package/dist/types/PolymorphicProps.d.ts +5 -0
- package/dist/types/PolymorphicRef.d.ts +1 -0
- package/dist/types/SystemProps/ColorSystemProps.d.ts +5 -0
- package/dist/types/SystemProps/FlexOrGridBoxItemSystemProps.d.ts +4 -0
- package/dist/types/SystemProps/FlexOrGridBoxSystemProps.d.ts +9 -0
- package/dist/types/SystemProps/SpacingSystemProps.d.ts +21 -0
- package/dist/types/SystemProps/SystemProps.d.ts +3 -0
- package/dist/types/SystemProps/index.d.ts +5 -0
- package/dist/types/TabType.d.ts +1 -0
- package/dist/types/ThemeType.d.ts +2 -0
- package/dist/types/TokenTypes.d.ts +3 -0
- package/dist/types/TypeWithModifier.d.ts +5 -0
- package/dist/types/Window.d.ts +6 -0
- package/dist/types/index.d.ts +13 -0
- package/dist/utils/Draftjs.d.ts +2 -0
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const collapseListener: (collapse?: null | HTMLButtonElement) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const listenerOfExpander: (expandBtn?: null | HTMLButtonElement) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const listenerOfModal: (modalContainer?: null | HTMLDivElement) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const listenerOfScroll: (scrollProgressBarElement?: null | HTMLDivElement, hasLimit?: boolean) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const listenerOfSearchToggle: (searchBlockToggle?: null | HTMLDivElement) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const listenerOfTabsElement: (tabsContainerElement?: null | HTMLDivElement) => void;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface AdProps {
|
|
3
|
+
adUnitCompletePath: string;
|
|
4
|
+
classes?: string;
|
|
5
|
+
lazyload?: {
|
|
6
|
+
delayed: boolean;
|
|
7
|
+
distanceVisible?: number;
|
|
8
|
+
};
|
|
9
|
+
variant?: 'ATF' | 'BAN' | 'PAVE' | 'HEADER' | 'ARTICLE';
|
|
10
|
+
adMention?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const Ad: React.FC<AdProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Ad';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconName } from '../../../components';
|
|
3
|
+
export interface AlertProps {
|
|
4
|
+
variant?: 'success' | 'warning' | 'error';
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
fill?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
icon?: IconName;
|
|
10
|
+
iconSize?: number | number[];
|
|
11
|
+
iconClassNames?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const Alert: React.FC<AlertProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Alert';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Avatar';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconName } from '../../../components';
|
|
3
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
variant?: 'primary' | 'secondary' | 'simple' | 'navigation' | 'social';
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
icon?: IconName;
|
|
7
|
+
iconClassNames?: string;
|
|
8
|
+
iconSize?: number | number[];
|
|
9
|
+
}
|
|
10
|
+
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Button';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Checkbox';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Divider';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ColorSchemeTheme, IconSizeType } from '../../../types';
|
|
3
|
+
export interface DividerSectionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
hasIcon?: boolean;
|
|
5
|
+
colorScheme?: ColorSchemeTheme;
|
|
6
|
+
iconSize?: IconSizeType;
|
|
7
|
+
hasShiftedIcon?: boolean;
|
|
8
|
+
hasMaxWidth?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const DividerSection: React.FC<DividerSectionProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DividerSection';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
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
|
+
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;
|
|
6
|
+
name: IconName | IconHoroscopeName;
|
|
7
|
+
size?: number | number[];
|
|
8
|
+
withBorder?: boolean;
|
|
9
|
+
isRounded?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const Icon: React.FC<IconProps>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BoxProps } from '../../../components';
|
|
3
|
+
export interface ImgProps extends BoxProps {
|
|
4
|
+
src: string;
|
|
5
|
+
defaultFormat: string;
|
|
6
|
+
formats?: string[];
|
|
7
|
+
sizes?: string;
|
|
8
|
+
alt?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Img: React.FC<ImgProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Img';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InlineSeparator';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ButtonProps, IconName } from '../../../components';
|
|
3
|
+
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
4
|
+
label?: string;
|
|
5
|
+
icon?: IconName;
|
|
6
|
+
positionIcon?: 'left' | 'right';
|
|
7
|
+
isIconButton?: boolean;
|
|
8
|
+
iconButtonProps?: ButtonProps;
|
|
9
|
+
variant?: 'success' | 'error';
|
|
10
|
+
msg?: string;
|
|
11
|
+
variantMsg?: 'default' | 'error' | 'success';
|
|
12
|
+
}
|
|
13
|
+
export declare const Input: React.FC<InputProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Input';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Label';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './LabelSection';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PolymorphicProps, SystemProps } from '../../../../types';
|
|
3
|
+
export declare type BoxProps<C extends React.ElementType = 'div'> = PolymorphicProps<C> & SystemProps;
|
|
4
|
+
export declare const Box: React.ForwardRefExoticComponent<Pick<BoxProps<React.ElementType<any>>, string | number | symbol> & React.RefAttributes<unknown>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Box';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BoxProps } from '../../../../components';
|
|
3
|
+
import type { FlexDirectionType, FlexOrGridBoxSystemProps, FlexWrapType, TypeWithMediaQueriesType } from '../../../../types';
|
|
4
|
+
export declare type FlexProps<C extends React.ElementType = 'div'> = {
|
|
5
|
+
inline?: boolean | TypeWithMediaQueriesType<boolean>;
|
|
6
|
+
direction?: FlexDirectionType | TypeWithMediaQueriesType<FlexDirectionType>;
|
|
7
|
+
wrap?: FlexWrapType | TypeWithMediaQueriesType<FlexWrapType>;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
} & BoxProps<C> & FlexOrGridBoxSystemProps;
|
|
10
|
+
export declare const Flex: <C extends React.ElementType<any> = "div">({ inline, direction, wrap, as, children, ...boxProps }: FlexProps<C>) => React.ReactElement<any, any> | null;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BoxProps } from '../../../../../components';
|
|
3
|
+
import type { FlexBasisType, FlexOrGridBoxItemSystemProps, TypeWithMediaQueriesType } from '../../../../../types';
|
|
4
|
+
export declare type FlexItemProps<C extends React.ElementType = 'div'> = {
|
|
5
|
+
basis?: FlexBasisType | TypeWithMediaQueriesType<FlexBasisType>;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
} & BoxProps<C> & FlexOrGridBoxItemSystemProps;
|
|
8
|
+
export declare const FlexItem: <C extends React.ElementType<any> = "div">({ basis, children, as, ...boxProps }: FlexItemProps<C>) => React.ReactElement<any, any> | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FlexItem';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BoxProps } from '../../../../components';
|
|
3
|
+
import { FlexOrGridBoxSystemProps, TypeWithMediaQueriesType } from '../../../../types';
|
|
4
|
+
export declare const colsNumberGridList: readonly [2, 3, 4, 6, 12, "2-of-3"];
|
|
5
|
+
export declare type ColsNumberGridType = typeof colsNumberGridList[number];
|
|
6
|
+
export interface GridProps extends BoxProps, FlexOrGridBoxSystemProps {
|
|
7
|
+
colsNumber?: ColsNumberGridType | TypeWithMediaQueriesType<ColsNumberGridType>;
|
|
8
|
+
}
|
|
9
|
+
export declare const Grid: React.FC<GridProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Grid';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
variant?: 'default' | 'primary-button' | 'secondary-button';
|
|
5
|
+
isTargetBlank?: boolean;
|
|
6
|
+
isNofollow?: boolean;
|
|
7
|
+
isSponsored?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const Link: React.FC<LinkProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Link';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare type MetaTagProps = 'name' | 'property' | 'content';
|
|
3
|
+
export interface MetaProps {
|
|
4
|
+
metas: {
|
|
5
|
+
[key in MetaTagProps]?: string;
|
|
6
|
+
}[];
|
|
7
|
+
title: string;
|
|
8
|
+
canonical?: string;
|
|
9
|
+
robots?: {
|
|
10
|
+
index: string;
|
|
11
|
+
follow: string;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export declare const Meta: React.FC<MetaProps>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Meta';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
dialogId: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
variant?: 'center' | 'left' | 'right';
|
|
6
|
+
contentClassName?: string;
|
|
7
|
+
isStandalone?: boolean;
|
|
8
|
+
onClickOverlay?: React.MouseEventHandler<HTMLDivElement>;
|
|
9
|
+
}
|
|
10
|
+
export declare const Modal: React.FC<ModalProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Modal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Pipe(): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Pipe';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ReadAlso';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ColorSchemeTheme } from '../../../types';
|
|
3
|
+
export interface ScrollProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
colorScheme?: ColorSchemeTheme;
|
|
5
|
+
hasLimit?: boolean;
|
|
6
|
+
variant?: 'article-mobile';
|
|
7
|
+
}
|
|
8
|
+
export declare const ScrollProgressBar: React.FC<ScrollProgressBarProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ScrollProgressBar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Section';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
|
|
3
|
+
options: {
|
|
4
|
+
value: string;
|
|
5
|
+
title: string;
|
|
6
|
+
}[];
|
|
7
|
+
label?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Select: React.FC<SelectProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Select';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Skeleton';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { LayoutType, SpacingType } from '../../../types';
|
|
3
|
+
import { BoxProps } from '../../../components';
|
|
4
|
+
export interface SliderProps extends BoxProps {
|
|
5
|
+
layout: LayoutType;
|
|
6
|
+
gapValue?: SpacingType;
|
|
7
|
+
}
|
|
8
|
+
export declare const Slider: React.FC<SliderProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Slider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Switch';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SwitchDarkMode';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ColorSchemeTheme, TabType } from '../../../types';
|
|
3
|
+
export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
variant?: TabType;
|
|
5
|
+
name: string;
|
|
6
|
+
colorScheme?: ColorSchemeTheme;
|
|
7
|
+
isSelected?: boolean;
|
|
8
|
+
index?: 0 | -1;
|
|
9
|
+
}
|
|
10
|
+
export declare const Tab: React.FC<TabProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Tab';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TabPanel';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ColorType } from '../../../types';
|
|
3
|
+
import { BoxProps } from '../../../components';
|
|
4
|
+
export interface TagProps extends Omit<BoxProps, 'id'> {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
id?: number;
|
|
7
|
+
link?: string;
|
|
8
|
+
variant?: 'primary' | 'secondary' | 'breadcrumb';
|
|
9
|
+
color?: ColorType;
|
|
10
|
+
}
|
|
11
|
+
export declare const Tag: React.FC<TagProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Tag';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TypographyProps } from './Typography';
|
|
3
|
+
declare type HeadingHTMLElementType = Pick<JSX.IntrinsicElements, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
|
|
4
|
+
export interface HeadingProps extends TypographyProps<HeadingHTMLElementType> {
|
|
5
|
+
variant?: 'default' | 'secondary';
|
|
6
|
+
}
|
|
7
|
+
export declare const Heading: React.FC<HeadingProps>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TypographyProps } from './Typography';
|
|
3
|
+
declare type TextHTMLElementType = Pick<JSX.IntrinsicElements, 'p' | 'span' | 'strong' | 'em'>;
|
|
4
|
+
export interface TextProps extends TypographyProps<TextHTMLElementType> {
|
|
5
|
+
variant?: 'default' | 'secondary';
|
|
6
|
+
}
|
|
7
|
+
export declare const Text: React.FC<TextProps>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ColorSchemeTheme } from '../../../types';
|
|
3
|
+
export interface TypographyProps<HTMLElementType> extends React.HTMLAttributes<Partial<HTMLElementType>> {
|
|
4
|
+
as?: keyof HTMLElementType;
|
|
5
|
+
color?: ColorSchemeTheme;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const Typography: React.FC<TypographyProps<JSX.IntrinsicElements>>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export * from './Ad';
|
|
2
|
+
export * from './Alert';
|
|
3
|
+
export * from './Avatar';
|
|
4
|
+
export * from './Button';
|
|
5
|
+
export * from './Checkbox';
|
|
6
|
+
export * from './Divider';
|
|
7
|
+
export * from './DividerSection';
|
|
8
|
+
export * from './Icon';
|
|
9
|
+
export * from './Img';
|
|
10
|
+
export * from './InlineSeparator';
|
|
11
|
+
export * from './Input';
|
|
12
|
+
export * from './Label';
|
|
13
|
+
export * from './LabelSection';
|
|
14
|
+
export * from './Layout';
|
|
15
|
+
export * from './Link';
|
|
16
|
+
export * from './Meta';
|
|
17
|
+
export * from './Modal';
|
|
18
|
+
export * from './Pipe';
|
|
19
|
+
export * from './ReadAlso';
|
|
20
|
+
export * from './ScrollProgressBar';
|
|
21
|
+
export * from './Section';
|
|
22
|
+
export * from './Select';
|
|
23
|
+
export * from './Skeleton';
|
|
24
|
+
export * from './Slider';
|
|
25
|
+
export * from './Switch';
|
|
26
|
+
export * from './SwitchDarkMode';
|
|
27
|
+
export * from './Tab';
|
|
28
|
+
export * from './TabPanel';
|
|
29
|
+
export * from './Tag';
|
|
30
|
+
export * from './Typography';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { RawDraftContentState } from 'draft-js';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ColorSchemeTheme } from '../../../../types';
|
|
4
|
+
export interface ArticleContentProps {
|
|
5
|
+
content: RawDraftContentState;
|
|
6
|
+
colorScheme?: ColorSchemeTheme;
|
|
7
|
+
}
|
|
8
|
+
export declare const ArticleContent: React.FC<ArticleContentProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ArticleContent';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ColorType } from '../../../../types';
|
|
3
|
+
export interface ArticleHeaderProps {
|
|
4
|
+
title: string;
|
|
5
|
+
lead: string;
|
|
6
|
+
label: string;
|
|
7
|
+
color?: ColorType;
|
|
8
|
+
rightImageUrl?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const ArticleHeader: React.FC<ArticleHeaderProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ArticleHeader';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { LayoutType } from '../../../../types';
|
|
3
|
+
export interface ArticleImageCoverProps {
|
|
4
|
+
src: string;
|
|
5
|
+
caption: string;
|
|
6
|
+
isCaptionInside?: boolean;
|
|
7
|
+
layout?: LayoutType;
|
|
8
|
+
}
|
|
9
|
+
export declare const ArticleImageCover: React.FC<ArticleImageCoverProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ArticleImageCover';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { RawDraftContentState } from 'draft-js';
|
|
3
|
+
import { ColorSchemeTheme } from '../../../../types';
|
|
4
|
+
export interface ArticleSummaryProps {
|
|
5
|
+
summary: RawDraftContentState;
|
|
6
|
+
colorScheme?: ColorSchemeTheme;
|
|
7
|
+
}
|
|
8
|
+
export declare const ArticleSummary: React.FC<ArticleSummaryProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ArticleSummary';
|