@20minutes/hela 0.1.37 → 0.1.39

package/dist/components/atoms/InlineSeparator/InlineSeparator.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { BoxProps } from '../Layout';
-export declare const InlineSeparator: React.FC<BoxProps>;
+import { TextProps } from '../../../components';
+export declare const InlineSeparator: React.FC<TextProps>;

package/dist/components/atoms/Label/Label.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { FlexProps } from '../../../components';
+import { TextSizeType } from '../../../types';
 export interface LabelProps extends FlexProps {
     children: React.ReactNode;
     hasDot?: boolean;
     isUppercase?: boolean;
+    size?: TextSizeType;
 }
 export declare const Label: React.FC<LabelProps>;

package/dist/components/atoms/Layout/Flex/Flex.d.ts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import { BoxProps } from '../../../../components';
-import type { FlexDirectionType, FlexOrGridBoxSystemProps, FlexWrapType, TypeWithMediaQueriesType } from '../../../../types';
+import type { FlexBoxSystemProps } from '../../../../types';
 export declare type FlexProps<C extends React.ElementType = 'div'> = {
-    inline?: boolean | TypeWithMediaQueriesType<boolean>;
-    direction?: FlexDirectionType | TypeWithMediaQueriesType<FlexDirectionType>;
-    wrap?: FlexWrapType | TypeWithMediaQueriesType<FlexWrapType>;
     children?: React.ReactNode;
-} & BoxProps<C> & FlexOrGridBoxSystemProps;
-export declare const Flex: <C extends React.ElementType<any> = "div">({ inline, direction, wrap, as, children, ...boxProps }: FlexProps<C>) => React.ReactElement<any, any> | null;
+} & BoxProps<C> & FlexBoxSystemProps;
+export declare const Flex: <C extends React.ElementType<any> = "div">({ as, children, ...props }: FlexProps<C>) => React.ReactElement<any, any> | null;

package/dist/components/atoms/Layout/Flex/FlexItem/FlexItem.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { BoxProps } from '../../../../../components';
-import type { FlexBasisType, FlexOrGridBoxItemSystemProps, TypeWithMediaQueriesType } from '../../../../../types';
+import type { FlexBoxItemSystemProps } from '../../../../../types';
 export declare type FlexItemProps<C extends React.ElementType = 'div'> = {
-    basis?: FlexBasisType | TypeWithMediaQueriesType<FlexBasisType>;
     children?: React.ReactNode;
-} & BoxProps<C> & FlexOrGridBoxItemSystemProps;
-export declare const FlexItem: <C extends React.ElementType<any> = "div">({ basis, children, as, ...boxProps }: FlexItemProps<C>) => React.ReactElement<any, any> | null;
+} & BoxProps<C> & FlexBoxItemSystemProps;
+export declare const FlexItem: <C extends React.ElementType<any> = "div">({ children, as, ...props }: FlexItemProps<C>) => React.ReactElement<any, any> | null;

package/dist/components/atoms/ReadAlso/ReadAlso.d.ts

@@ -3,8 +3,8 @@ export interface ReadAlsoProps {
     title: string;
     link: string;
     label: string;
-    isNofollow: boolean;
-    isSponsored: boolean;
-    isTargetBlank: boolean;
+    isNofollow?: boolean;
+    isSponsored?: boolean;
+    isTargetBlank?: boolean;
 }
 export declare const ReadAlso: React.FC<ReadAlsoProps>;

package/dist/components/atoms/ScrollProgressBar/ScrollProgressBar.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { ColorSchemeTheme } from '../../../types';
+import { ColorType } from '../../../types';
 export interface ScrollProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    colorScheme?: ColorSchemeTheme;
+    color?: ColorType;
     hasLimit?: boolean;
     variant?: 'article-mobile';
 }

package/dist/components/molecules/Article/ArticleSummary/ArticleSummary.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { RawDraftContentState } from 'draft-js';
-import { ColorSchemeTheme } from '../../../../types';
-export interface ArticleSummaryProps {
+import { BoxProps } from '../../../../components';
+export interface ArticleSummaryProps extends BoxProps {
+    title: string;
     summary: RawDraftContentState;
-    colorScheme?: ColorSchemeTheme;
 }
 export declare const ArticleSummary: React.FC<ArticleSummaryProps>;

package/dist/components/molecules/Card/CardHeader/CardHeader.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { ColorType } from '../../../../types';
+import { ColorType, TextSizeType } from '../../../../types';
 import { FlexProps } from '../../../../components';
 export interface CardHeaderProps extends FlexProps {
     headline: string;
     color?: ColorType;
     subheader?: string;
+    size?: TextSizeType;
 }
 export declare const CardHeader: React.FC<CardHeaderProps>;

package/dist/components/molecules/Card/CardMedium/CardMedium.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 import { CardHeaderProps, FlexProps, SocialBarProps } from '../../../../components';
-import { LayoutType } from '../../../../types';
 export interface CardMediumProps extends FlexProps {
     link: string;
     cardHeaderProps: CardHeaderProps;
     title: string;
     cover: string;
     socialBarProps?: SocialBarProps;
-    layout?: LayoutType;
 }
 export declare const CardMedium: React.FC<CardMediumProps>;

package/dist/components/molecules/Collapse/Collapse.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-export interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
-    headingClass?: string;
-    listClass?: string;
+import { BoxProps } from '../../../components';
+export interface CollapseProps extends BoxProps {
     title: string;
     iconClass?: string;
     btnClass?: string;

package/dist/components/molecules/ErrorContent/ErrorContent.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export interface ErrorContentProps {
+import { BoxProps } from '../../../components';
+export interface ErrorContentProps extends BoxProps {
     statusCode: '404' | '500';
 }
 export declare const ErrorContent: React.FC<ErrorContentProps>;

package/dist/components/molecules/Horoscope/HoroscopeTopicCard/HoroscopeTopicCard.d.ts

@@ -4,7 +4,5 @@ export interface HoroscopeTopicCardProps {
     icon: IconName;
     title: string;
     content: string;
-    withBorder?: boolean;
-    classnames?: string;
 }
 export declare const HoroscopeTopicCard: React.FC<HoroscopeTopicCardProps>;

package/dist/components/molecules/LiveCards/LiveCards.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { CardMediumProps } from '../../../components';
-import { LayoutType } from '../../../types';
 export interface LiveCardsProps {
     articles: CardMediumProps[];
-    layout?: LayoutType;
 }
 export declare const LiveCards: React.FC<LiveCardsProps>;

package/dist/components/molecules/SocialBar/SocialBar.d.ts

@@ -1,10 +1,9 @@
-import { BoxProps } from '../../../components';
-import { ColorSchemeTheme, LayoutType } from '../../../types';
-export interface SocialBarProps extends BoxProps {
+import { FlexProps } from '../../../components';
+import { LayoutType } from '../../../types';
+export interface SocialBarProps extends FlexProps {
     layout?: LayoutType;
     variant?: 'advanced' | 'simple';
     commentCount: number;
     shareCount: number;
-    colorScheme?: ColorSchemeTheme;
 }
-export declare function SocialBar({ variant, commentCount, shareCount, colorScheme, layout, ...boxProps }: SocialBarProps): JSX.Element;
+export declare function SocialBar({ variant, commentCount, shareCount, layout, bg, ...boxProps }: SocialBarProps): JSX.Element;

package/dist/constants/cssProperties/flexboxAndGridBox.d.ts

@@ -5,3 +5,5 @@ export declare const alignContentList: readonly ["start", "end", "center", "betw
 export declare const justifyContentList: readonly ["start", "end", "center", "between", "around", "evenly", "stretch"];
 export declare const alignSelfList: readonly ["auto", "start", "end", "center", "stretch", "baseline"];
 export declare const flexBasisList: readonly ["auto", 0, 25, 33, 50, 75, 100];
+export declare const flexShrinkList: readonly [0, 1];
+export declare const flexGrowList: readonly [0, 1];

package/dist/constants/cssProperties/typography.d.ts

@@ -3,5 +3,5 @@ export declare const textAlignList: readonly ["left", "center", "right", "justif
 export declare const textTransformList: readonly ["capitalize", "uppercase", "lowercase"];
 export declare const fontFamilyTokenNameList: readonly ("oswald" | "source-serif-pro")[];
 export declare const fontWeightTokenNameList: readonly ("regular" | "bold")[];
-export declare const headingSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xxl" | "xxl-2" | "xxl-3")[];
+export declare const headingSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxl-2")[];
 export declare const textSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl")[];

package/dist/constants/tokenVariables.d.ts

@@ -256,19 +256,19 @@ export declare const tokenVariables: {
                     value: string;
                 };
             };
-            xxl: {
+            xl: {
                 description: string;
                 fontSize: {
                     value: string;
                 };
             };
-            'xxl-2': {
+            xxl: {
                 description: string;
                 fontSize: {
                     value: string;
                 };
             };
-            'xxl-3': {
+            'xxl-2': {
                 description: string;
                 fontSize: {
                     value: string;

package/dist/helpers/systemPropsHelper/classNameWithModifier.d.ts

@@ -1,5 +1,5 @@
 export declare const classNameWithModifier: <TPropValue extends string | number | boolean>(options: {
-    className: string;
+    className?: string | undefined;
     defaultModifier: string;
     propValue?: TPropValue | undefined;
 }) => string | undefined;

package/dist/helpers/systemPropsHelper/classNamesWithModifiers.d.ts

@@ -1,6 +1,6 @@
 import { TypeWithModifierType } from '../../types';
 export declare const classNamesWithModifiers: <TModifierType extends string, TPropValue extends string | number | boolean>(options: {
-    className: string;
+    className?: string | undefined;
     defaultModifier?: string | undefined;
     propValue?: TPropValue | Partial<Record<TModifierType, TPropValue>> | undefined;
 }) => string[];

package/dist/helpers/systemPropsHelper/flexBoxItemSystemClassName.d.ts

@@ -0,0 +1,2 @@
+import { FlexBoxItemSystemProps } from '../../types';
+export declare const flexBoxItemSystemClassName: <TProps extends FlexBoxItemSystemProps>({ basis, shrink, grow, ...props }: TProps) => string;

package/dist/helpers/systemPropsHelper/flexBoxSystemClassName.d.ts

@@ -0,0 +1,2 @@
+import type { FlexBoxSystemProps } from '../../types';
+export declare const flexBoxSystemClassName: <TProps extends FlexBoxSystemProps>({ inline, direction, wrap, ...props }: TProps) => string;

package/dist/helpers/systemPropsHelper/index.d.ts

@@ -7,3 +7,5 @@ export * from './typographySystemClassName';
 export * from './systemClassName';
 export * from './flexOrGridBoxItemClassName';
 export * from './flexOrGridBoxClassName';
+export * from './flexBoxSystemClassName';
+export * from './flexBoxItemSystemClassName';