@20minutes/hela 2.18.13 → 2.19.0

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

@@ -1,19 +1,23 @@
 import { default as React } from 'react';
 import { IconProps } from '../..';
-import { As, AsProps, ColorSystemProps, ColorType, SpacingSystemProps } from '../../../types';
-export declare const buttonVariant: readonly ["primary", "secondary", "tertiary", "has-dark-bg", "has-white-bg", "ghost", "ghost-with-icon-bg", "round", "round-small", "round-has-white-bg", "round-has-blue-dark-bg", "round-half-opacity-dark-bg", "round-small-transparent-bg", "close", "link", "half-opacity-dark-bg", "has-transparent-bg"];
+import { As, AsProps, ColorType, SpacingSystemProps } from '../../../types';
+export declare const buttonColor: readonly ["primary", "secondary", "tertiary", "translucent", "dark", "white"];
+export type ButtonColorType = (typeof buttonColor)[number];
+export declare const buttonVariant: readonly ["ghost", "outlined", "link", "ghost-with-icon-bg", "close"];
 export type ButtonVariantType = (typeof buttonVariant)[number];
 export interface ButtonOptions {
     variant?: ButtonVariantType;
+    color?: ButtonColorType;
     children?: React.ReactNode;
     iconProps?: IconProps;
     counter?: number;
     isCentered?: boolean;
     isSquare?: boolean;
+    isFullWidth?: boolean;
     isLoading?: boolean;
-    size?: 'small';
+    size?: 'small' | 'large';
     isCloseWithProgress?: boolean;
     closeProgressColor?: ColorType;
 }
-export type ButtonProps<T extends As = 'button'> = ButtonOptions & SpacingSystemProps & ColorSystemProps & AsProps<T>;
+export type ButtonProps<T extends As = 'button'> = ButtonOptions & SpacingSystemProps & Omit<AsProps<T>, 'color'>;
 export declare const Button: import('../../../types').ComponentWithAs<"button", ButtonProps<"button">>;

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

@@ -0,0 +1,15 @@
+import { IconProps } from '../..';
+import { As, AsProps, SpacingSystemProps } from '../../../types';
+import { ButtonProps } from '../Button/Button';
+export declare const iconButtonColor: readonly ["primary", "secondary", "tertiary", "translucent", "dark", "white", "blue-dark"];
+export type IconButtonColorType = (typeof iconButtonColor)[number];
+export interface IconButtonOptions {
+    iconProps: IconProps;
+    variant?: Exclude<ButtonProps['variant'], 'outlined'>;
+    color?: IconButtonColorType;
+    size?: 'small' | 'tiny';
+    hasShadow?: boolean;
+    isLoading?: boolean;
+}
+export type IconButtonProps<T extends As = 'button'> = IconButtonOptions & SpacingSystemProps & Omit<AsProps<T>, 'color'>;
+export declare const IconButton: import('../../../types').ComponentWithAs<"button", IconButtonProps<"button">>;

package/dist/components/atoms/IconButton/index.d.ts

@@ -0,0 +1 @@
+export * from './IconButton';

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ButtonProps } from '../..';
-export interface ScrollToTopButtonProps extends Omit<ButtonProps, 'children' | 'iconProps'> {
+import { IconButtonProps } from '../..';
+export interface ScrollToTopButtonProps extends Omit<IconButtonProps, 'children' | 'iconProps'> {
     triggerSelector?: string;
     triggerOffset?: number;
 }

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

@@ -1,10 +1,11 @@
-import { BoxProps, ButtonVariantType } from '../..';
+import { BoxProps, IconButtonColorType } from '../..';
 import { ColorType, LayoutType, SpacingType } from '../../../types';
 export type SliderType = 'default' | 'three-columns-articles' | 'rubrics' | 'games' | 'videos' | 'sport' | 'vertical-cards' | 'movies';
 export interface SliderOptions {
     layout: LayoutType;
     itemsGap?: SpacingType;
-    buttonsVariant?: ButtonVariantType;
+    buttonsColor?: IconButtonColorType;
+    buttonsSize?: 'small';
     hasSpaceAroundButtons?: boolean;
     sliderVariant?: SliderType;
     colorVariant?: ColorType;

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

@@ -8,6 +8,7 @@ export * from './Divider';
 export * from './DividerSection';
 export * from './DividerVertical';
 export * from './Icon';
+export * from './IconButton';
 export * from './IconTooltip';
 export * from './Iframe';
 export * from './Img';

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { BoxProps, SliderOptions, TagProps } from '../..';
 import { LayoutType, ThemeColorType } from '../../../types';
-export interface BreadcrumbProps extends BoxProps, Pick<SliderOptions, 'colorVariant' | 'buttonsVariant'> {
+export interface BreadcrumbProps extends BoxProps, Pick<SliderOptions, 'colorVariant' | 'buttonsColor' | 'buttonsSize'> {
     rubrics?: {
         label: string;
         link?: string;

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

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-import { BoxProps, ButtonProps, GridProps, HeadingProps, LinkProps } from '../..';
+import { BoxProps, GridProps, HeadingProps, IconButtonProps, LinkProps } from '../..';
 export interface ExpandableProps extends BoxProps {
     childrenItems: React.ReactNode[];
     visibleItems?: number;
     heading?: HeadingProps;
     visibleGridProps?: GridProps;
     expandableGridProps?: GridProps;
-    buttonProps?: ButtonProps;
+    buttonProps?: IconButtonProps;
     link?: LinkProps;
 }
 export declare const Expandable: React.FC<ExpandableProps>;

package/dist/components/molecules/Header/HeaderSection/HeaderSection.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BoxProps, ButtonProps, HeadingProps, TextProps } from '../../..';
+import { BoxProps, HeadingProps, IconButtonProps, TextProps } from '../../..';
 export interface HeaderSectionProps extends BoxProps {
     label: string;
     heading: HeadingProps;
@@ -7,6 +7,6 @@ export interface HeaderSectionProps extends BoxProps {
     subtitle?: React.ReactNode;
     isExpandable?: boolean;
     contentProps?: TextProps;
-    embedButton?: ButtonProps;
+    embedButton?: Omit<IconButtonProps, 'iconProps' | 'variant' | 'size'>;
 }
 export declare const HeaderSection: React.FC<HeaderSectionProps>;

package/dist/components/molecules/Header/HeaderSideModal/HeaderSideModal.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { ButtonProps, HeadingProps } from '../../..';
+import { HeadingProps, IconButtonProps } from '../../..';
 import { ThemeColorType } from '../../../../types';
-export interface HeaderSideModalProps extends ButtonProps {
+export interface HeaderSideModalProps extends Omit<IconButtonProps, 'iconProps' | 'variant'> {
     dialogId: string;
     ariaLabel?: string;
     modalIconSize?: number | number[];

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

@@ -1,7 +1,7 @@
 import { default as React, HTMLAttributeAnchorTarget } from 'react';
-import { ButtonOptions, IconProps, TextProps } from '../..';
-import { ColorSystemProps, MediaQueryType } from '../../../types';
-export interface MediaLinkProps {
+import { ButtonColorType, ButtonOptions, ButtonProps, IconProps, TextProps } from '../..';
+import { MediaQueryType } from '../../../types';
+export interface MediaLinkProps extends ButtonProps {
     href: string;
     iconProps: IconProps;
     buttonTitle: string;
@@ -9,8 +9,7 @@ export interface MediaLinkProps {
     text?: Pick<TextProps, 'children' | 'size'> & {
         isHiddenUnderBreakpoint?: MediaQueryType;
     };
-    variant?: ButtonOptions['variant'];
-    color?: ColorSystemProps['color'];
+    color?: ButtonColorType;
     size?: ButtonOptions['size'];
 }
 export declare const MediaLink: React.FC<MediaLinkProps>;

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface ChatbotProps {
+    children?: React.ReactNode;
+}
+export declare const Chatbot: React.FC<ChatbotProps>;
+export {};

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { BoxProps, SliderOptions, TagProps } from '../..';
 import { LayoutType } from '../../../types';
-export interface TagBarProps extends BoxProps, Pick<SliderOptions, 'colorVariant' | 'buttonsVariant'> {
+export interface TagBarProps extends BoxProps, Pick<SliderOptions, 'colorVariant' | 'buttonsColor' | 'buttonsSize'> {
     tags: TagProps[];
     layout: LayoutType;
     isSmall?: boolean;

package/dist/constants/tokenVariables.d.ts

@@ -367,10 +367,6 @@ export declare const tokenVariables: {
                 value: string;
                 key: string;
             };
-            'ticket-nunc': {
-                value: string;
-                key: string;
-            };
             tiktok: {
                 value: string;
                 key: string;