@20minutes/hela 2.8.6 → 2.8.8
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/index.es.js +1251 -1262
- package/dist/index.umd.js +2 -2
- package/dist/scss/abstracts/variables/_token-variables.scss +1 -1
- package/dist/scss/abstracts/variables/_variables.scss +1 -1
- package/dist/src/components/atoms/Link/Link.d.ts +2 -0
- package/dist/src/components/atoms/Link/Link.stories.d.ts +1 -0
- package/dist/src/components/molecules/Header/HeaderMini/HeaderMini.d.ts +1 -2
- package/dist/src/components/molecules/Header/HeaderMini/HeaderMini.stories.d.ts +1 -0
- package/dist/src/components/organisms/Header/Header.d.ts +1 -1
- package/dist/src/components/organisms/Header/Header.stories.d.ts +2 -0
- package/dist/src/constants/tokenVariables.d.ts +6 -6
- package/dist/style.css +1 -1
- package/package.json +7 -7
|
@@ -4,5 +4,7 @@ export type LinkProps<T extends As = 'a'> = SpacingSystemProps & Pick<Typography
|
|
|
4
4
|
tabColor?: TabProps['tabColor'];
|
|
5
5
|
tabIsSelected?: boolean;
|
|
6
6
|
tabVariant?: TabProps['variant'];
|
|
7
|
+
} & {
|
|
8
|
+
withExternalLinkIcon?: boolean;
|
|
7
9
|
};
|
|
8
10
|
export declare const Link: import('../../../types').ComponentWithAs<"a", LinkProps<"a">>;
|
|
@@ -42,6 +42,7 @@ declare const meta: {
|
|
|
42
42
|
export default meta;
|
|
43
43
|
type Story = StoryObj<typeof meta>;
|
|
44
44
|
export declare const Default: Story;
|
|
45
|
+
export declare const ExternalLink: Story;
|
|
45
46
|
export declare const Colored: Story;
|
|
46
47
|
export declare const Button: Story;
|
|
47
48
|
export declare const Tab: Story;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { FlexProps, HeaderProps } from '../../..';
|
|
3
3
|
import { ThemeColorType } from '../../../../types';
|
|
4
|
-
export interface HeaderMiniProps extends Pick<HeaderProps, 'logohref' | 'headerLinks'>, FlexProps {
|
|
4
|
+
export interface HeaderMiniProps extends Pick<HeaderProps, 'logohref' | 'headerLinks' | 'logoName'>, FlexProps {
|
|
5
5
|
isArticlePage?: boolean;
|
|
6
6
|
shortTitle?: string;
|
|
7
7
|
isHidden?: boolean;
|
|
8
8
|
themeColor?: ThemeColorType | 'grey-300';
|
|
9
|
-
logoName?: 'logo' | 'logo-tempo';
|
|
10
9
|
}
|
|
11
10
|
export declare const HeaderMini: React.FC<HeaderMiniProps>;
|
|
@@ -11,7 +11,7 @@ export interface HeaderProps {
|
|
|
11
11
|
layout?: LayoutType;
|
|
12
12
|
themeColor?: ThemeColorType;
|
|
13
13
|
isHidden?: boolean;
|
|
14
|
-
logoName?: 'logo' | 'logo-tempo';
|
|
14
|
+
logoName?: 'logo' | 'logo-tempo' | 'logo-tv';
|
|
15
15
|
showOpenButton?: boolean;
|
|
16
16
|
}
|
|
17
17
|
export declare const Header: React.FC<HeaderProps>;
|
|
@@ -22,3 +22,5 @@ export declare const Desktop: Story;
|
|
|
22
22
|
export declare const DesktopWithThemeColor: Story;
|
|
23
23
|
export declare const DesktopWithTempoLogo: Story;
|
|
24
24
|
export declare const MobileWithTempoLogo: Story;
|
|
25
|
+
export declare const DesktopWithTvLogo: Story;
|
|
26
|
+
export declare const MobileWithTvLogo: Story;
|
|
@@ -41,12 +41,6 @@ export declare const tokenVariables: {
|
|
|
41
41
|
'20mn-pub': {
|
|
42
42
|
value: string;
|
|
43
43
|
};
|
|
44
|
-
'20mn-tv': {
|
|
45
|
-
value: string;
|
|
46
|
-
};
|
|
47
|
-
'20mn-tv-mini': {
|
|
48
|
-
value: string;
|
|
49
|
-
};
|
|
50
44
|
apple: {
|
|
51
45
|
value: string;
|
|
52
46
|
};
|
|
@@ -131,6 +125,9 @@ export declare const tokenVariables: {
|
|
|
131
125
|
euro: {
|
|
132
126
|
value: string;
|
|
133
127
|
};
|
|
128
|
+
'external-link': {
|
|
129
|
+
value: string;
|
|
130
|
+
};
|
|
134
131
|
facebook: {
|
|
135
132
|
value: string;
|
|
136
133
|
};
|
|
@@ -182,6 +179,9 @@ export declare const tokenVariables: {
|
|
|
182
179
|
'logo-tempo': {
|
|
183
180
|
value: string;
|
|
184
181
|
};
|
|
182
|
+
'logo-tv': {
|
|
183
|
+
value: string;
|
|
184
|
+
};
|
|
185
185
|
'logo-mini': {
|
|
186
186
|
value: string;
|
|
187
187
|
};
|