@20minutes/hela 2.3.4 → 2.3.6

package/dist/src/components/atoms/Button/Button.stories.d.ts

@@ -11,6 +11,14 @@ declare const meta: {
         onClick: import('@storybook/addon-actions').HandlerFunction;
     };
     argTypes: {
+        variant: {
+            options: readonly ["primary", "secondary", "tertiary", "has-dark-bg", "has-white-bg", "ghost", "round", "round-has-white-bg", "close", "link", "half-opacity-dark-bg", "has-transparent-bg"];
+            control: "select";
+        };
+        size: {
+            options: string[];
+            control: "select";
+        };
         m?: import('@storybook/csf').InputType | undefined;
         mt?: import('@storybook/csf').InputType | undefined;
         mr?: import('@storybook/csf').InputType | undefined;
@@ -34,6 +42,7 @@ export declare const PrimaryIsLoading: Story;
 export declare const Secondary: Story;
 export declare const Tertiary: Story;
 export declare const Square: Story;
+export declare const Small: Story;
 export declare const HasDarkBackground: Story;
 export declare const HasHalfOpacityDarkBackground: Story;
 export declare const PrimaryWithIcon: Story;

package/dist/src/components/atoms/Link/Link.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps, TabProps } from '../..';
 import { As, ColorSystemProps, SizeSystemProps, SpacingSystemProps, TypographySystemProps } from '../../../types';
-export type LinkProps<T extends As = 'a'> = SpacingSystemProps & Pick<TypographySystemProps, 'weight' | 'whiteSpace'> & SizeSystemProps & Pick<ColorSystemProps, 'color'> & ButtonProps<T> & {
+export type LinkProps<T extends As = 'a'> = SpacingSystemProps & Pick<TypographySystemProps, 'weight' | 'whiteSpace'> & SizeSystemProps & Pick<ColorSystemProps, 'color'> & Omit<ButtonProps<T>, 'size'> & {
     tabColor?: TabProps['tabColor'];
     tabIsSelected?: boolean;
     tabVariant?: TabProps['variant'];

package/dist/src/components/molecules/Card/CardFooter/CardFooter.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { FlexProps } from '../../..';
-export interface CardFooterProps extends FlexProps {
-    text: string;
-    secondaryText?: string;
+import { CardFooterType } from '../../../../types';
+export interface CardFooterProps extends CardFooterType, FlexProps {
 }
 export declare const CardFooter: React.FC<CardFooterProps>;

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

@@ -1,10 +1,6 @@
 import { default as React } from 'react';
-import { SystemProps, TextSizeType, TextType } from '../../../../types';
-export interface CardHeaderProps extends SystemProps {
-    headline: TextType;
-    liveTime?: string;
-    rightSubheader?: TextType;
-    size?: TextSizeType;
+import { CardHeaderType, SystemProps } from '../../../../types';
+export interface CardHeaderProps extends CardHeaderType, SystemProps {
     location?: string;
     hasDot?: boolean;
 }

package/dist/src/components/molecules/Card/CardImage/CardImage.d.ts

@@ -1,19 +1,7 @@
 import { default as React } from 'react';
-import { BoxProps, IconProps } from '../../..';
-export interface CardImageProps extends BoxProps {
-    cover: string;
-    id?: string;
-    defaultFormat?: string;
-    formats?: string[];
-    sizes?: string;
-    alt?: string;
-    caption?: {
-        iconName: IconProps['name'];
-        size?: 'small' | 'medium' | 'big';
-        text?: string;
-    };
-    lazyLoad?: boolean;
-    fetchPriority?: 'auto' | 'high' | 'low';
+import { BoxProps } from '../../..';
+import { CardImageType } from '../../../../types';
+export interface CardImageProps extends CardImageType, BoxProps {
     withShadow?: boolean;
     isFavorite?: boolean;
     enableHD?: boolean;

package/dist/src/types/CardType.d.ts

@@ -1,11 +1,38 @@
-import { CardFooterProps, CardHeaderProps, CardImageProps, CardTitleProps, SignatureProps, SocialBarProps, TextProps } from '../components';
+import { CardFooterProps, CardHeaderProps, CardTitleProps, IconProps, SignatureProps, SocialBarProps, TextProps } from '../components';
+import { TextSizeType, TextType } from '.';
+export interface CardHeaderType {
+    headline: TextType;
+    liveTime?: string;
+    rightSubheader?: TextType;
+    size?: TextSizeType;
+}
+export interface CaptionType {
+    iconName: IconProps['name'];
+    size?: 'small' | 'medium' | 'big';
+    text?: string;
+}
+export interface CardImageType {
+    id?: string;
+    cover: string;
+    defaultFormat?: string;
+    formats?: string[];
+    sizes?: string;
+    alt?: string;
+    caption?: CaptionType;
+    lazyLoad?: boolean;
+    fetchPriority?: 'auto' | 'high' | 'low';
+}
+export interface CardFooterType {
+    text: string;
+    secondaryText?: string;
+}
 export interface CardType {
     link: string;
     title: string;
     summaryProps?: TextProps;
     cardHeaderProps?: CardHeaderProps;
     cardTitleProps?: CardTitleProps;
-    cardImageProps?: CardImageProps;
+    cardImageProps?: CardImageType;
     cardFooterProps?: CardFooterProps;
     signatureProps?: SignatureProps;
     socialBarProps?: SocialBarProps;