@20minutes/hela 2.3.5 → 2.3.7

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/Icon/Icon.d.ts

@@ -1,12 +1,17 @@
 import { BoxProps } from '../..';
 import { IconNameOfHoroscopeSignType, IconNameType } from '../../../types';
+export declare const rotationList: readonly ["quarter", "half", "three-quarter"];
+type RotationListType = (typeof rotationList)[number];
+export declare const borderSizeList: readonly ["small", "medium", "big"];
+type BorderSizeListType = (typeof borderSizeList)[number];
 export interface IconOptions {
     name: IconNameType | IconNameOfHoroscopeSignType | 'circle';
     size?: number | number[];
     isRounded?: boolean;
-    border?: 'small' | 'medium' | 'big';
-    rotation?: 'quarter' | 'half' | 'three-quarter';
+    border?: BorderSizeListType;
+    rotation?: RotationListType;
     svgTitle?: string;
 }
 export type IconProps = IconOptions & BoxProps;
 export declare const Icon: import('../../../types').ComponentWithAs<"div", IconProps>;
+export {};

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

@@ -8,12 +8,17 @@ declare const meta: {
         isRounded: false;
     };
     argTypes: {
+        name: {
+            control: "select";
+            options: string[];
+        };
         rotation: {
             control: "select";
+            options: readonly ["quarter", "half", "three-quarter"];
         };
         border: {
             control: "select";
-            options: string[];
+            options: readonly ["small", "medium", "big"];
         };
         m?: import('@storybook/csf').InputType | undefined;
         mt?: import('@storybook/csf').InputType | undefined;

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/MediaLink/MediaLink.d.ts

@@ -1,14 +1,15 @@
 import { default as React, HTMLAttributeAnchorTarget } from 'react';
 import { ButtonOptions, TextProps } from '../..';
-import { ColorSystemProps, IconNameType } from '../../../types';
+import { ColorSystemProps, IconNameType, MediaQueryType } from '../../../types';
 export interface MediaLinkProps {
     href: string;
     iconName: IconNameType;
     buttonTitle: string;
     target?: HTMLAttributeAnchorTarget;
-    text?: TextProps;
+    text?: Pick<TextProps, 'children' | 'size'> & {
+        isHiddenUnderBreakpoint?: MediaQueryType;
+    };
     variant?: ButtonOptions['variant'];
-    isTransparent?: boolean;
     color?: ColorSystemProps['color'];
 }
 export declare const MediaLink: React.FC<MediaLinkProps>;

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

@@ -39,3 +39,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Overview: Story;
 export declare const IsTransparent: Story;
 export declare const IsIcon: Story;
+export declare const TextIsHiddenUnderBreakpoint: Story;

package/dist/src/constants/tokenNameList.d.ts

@@ -2,4 +2,6 @@ import { ColorType, IconNameType } from '../types';
 export declare const spacingTokenNameList: readonly ("s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3")[];
 export declare const colorTokenNameList: readonly ColorType[];
 export declare const iconTokenNameList: readonly IconNameType[];
+export declare const iconTokenNameHorscopeChineseList: readonly ("horoscope-belier" | "horoscope-buffle" | "horoscope-cheval" | "horoscope-chevre" | "horoscope-chien" | "horoscope-cochon" | "horoscope-coq" | "horoscope-dragon" | "horoscope-lapin" | "horoscope-lion" | "horoscope-poissons" | "horoscope-serpent" | "horoscope-singe" | "horoscope-taureau" | "horoscope-tigre")[];
+export declare const iconTokenNameHorscopeZodiacList: readonly ("horoscope-balance" | "horoscope-cancer" | "horoscope-capricorne" | "horoscope-gemeaux" | "horoscope-rat" | "horoscope-sagittaire" | "horoscope-scorpion" | "horoscope-verseau" | "horoscope-vierge")[];
 export declare const radiusTokenNameList: readonly ("s" | "m" | "0" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl")[];

package/dist/src/constants/tokenVariables.d.ts

@@ -119,6 +119,9 @@ export declare const tokenVariables: {
             edit: {
                 value: string;
             };
+            egg: {
+                value: string;
+            };
             embed: {
                 value: string;
             };