@20minutes/hela 0.1.110 → 0.1.112
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/components/atoms/DiodeRubricIcon/DiodeRubricIcon.d.ts +6 -0
- package/dist/components/atoms/DiodeRubricIcon/index.d.ts +1 -0
- package/dist/components/atoms/index.d.ts +1 -0
- package/dist/components/molecules/Article/ArticleHeader/ArticleHeader.d.ts +2 -2
- package/dist/components/molecules/Article/ArticleSummary/ArticleSummary.d.ts +2 -2
- package/dist/components/molecules/Header/HeaderPage/HeaderPage.d.ts +4 -1
- package/dist/components/molecules/ListWithDiode/ListWithDiode.d.ts +7 -0
- package/dist/components/molecules/ListWithDiode/index.d.ts +1 -0
- package/dist/components/molecules/Signature/Signature.d.ts +2 -1
- package/dist/components/molecules/SocialBar/SocialItem/SocialBarItem.d.ts +2 -2
- package/dist/components/molecules/Sponsor/Sponsor.d.ts +9 -0
- package/dist/components/molecules/Sponsor/index.d.ts +1 -0
- package/dist/components/molecules/index.d.ts +2 -0
- package/dist/constants/cssProperties/typography.d.ts +1 -1
- package/dist/constants/tokenVariables.d.ts +1 -10
- package/dist/index.es.js +2535 -2567
- package/dist/index.umd.js +2 -2
- package/dist/js/scripts.es.js +77 -61
- package/dist/js/scripts.umd.js +1 -1
- package/dist/scss/abstracts/variables/_token-variables.scss +1 -1
- package/dist/scss/abstracts/variables/_variables.scss +1 -1
- package/dist/style.css +1 -1
- package/dist/types/tokenTypes.d.ts +1 -1
- package/package.json +13 -13
- package/dist/assets/scripts/clickOut.d.ts +0 -1
- package/dist/assets/scripts/toggleClass.d.ts +0 -4
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { IconProps } from '../../../components';
|
|
3
|
+
export interface DiodeRubricIconProps extends Omit<IconProps, 'name'> {
|
|
4
|
+
rubricColor?: 'sport' | 'entertainment' | 'planet';
|
|
5
|
+
}
|
|
6
|
+
export declare const DiodeRubricIcon: React.FC<DiodeRubricIconProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DiodeRubricIcon';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type BoxProps } from '../../../../components';
|
|
3
|
-
import type { ColorType } from '../../../../types';
|
|
3
|
+
import type { ColorType, SponsorType } from '../../../../types';
|
|
4
4
|
import { LayoutType } from '../../../../types';
|
|
5
5
|
export interface ArticleHeaderProps extends BoxProps {
|
|
6
6
|
title: string;
|
|
@@ -8,6 +8,6 @@ export interface ArticleHeaderProps extends BoxProps {
|
|
|
8
8
|
layout: LayoutType;
|
|
9
9
|
lead?: string;
|
|
10
10
|
color?: ColorType;
|
|
11
|
-
|
|
11
|
+
sponsor?: SponsorType;
|
|
12
12
|
}
|
|
13
13
|
export declare const ArticleHeader: React.FC<ArticleHeaderProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type
|
|
2
|
+
import { type TextProps } from '../../../../components';
|
|
3
3
|
import type { RubricColorType } from '../../../../types';
|
|
4
|
-
export interface ArticleSummaryProps extends
|
|
4
|
+
export interface ArticleSummaryProps extends TextProps {
|
|
5
5
|
title: string;
|
|
6
6
|
summary: React.ReactNode;
|
|
7
7
|
rubricColor?: RubricColorType;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type BoxProps } from '../../../../components';
|
|
3
|
-
import type { ColorType } from '../../../../types';
|
|
3
|
+
import type { ColorType, SponsorType } from '../../../../types';
|
|
4
|
+
import { LayoutType } from '../../../../types';
|
|
4
5
|
export interface HeaderPageProps extends BoxProps {
|
|
6
|
+
layout: LayoutType;
|
|
5
7
|
title: string;
|
|
6
8
|
subtitle?: React.ReactNode;
|
|
7
9
|
dividerSectionColor?: ColorType;
|
|
8
10
|
isExpandable?: boolean;
|
|
11
|
+
sponsor?: SponsorType;
|
|
9
12
|
}
|
|
10
13
|
export declare const HeaderPage: React.FC<HeaderPageProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ListWithDiode';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { AvatarProps, FlexProps } from '../../../components';
|
|
3
|
+
import type { SponsorType } from '../../../types';
|
|
3
4
|
import { LayoutType } from '../../../types';
|
|
4
5
|
export interface SignatureProps extends FlexProps {
|
|
5
6
|
avatar?: string;
|
|
@@ -10,7 +11,7 @@ export interface SignatureProps extends FlexProps {
|
|
|
10
11
|
userlink?: string;
|
|
11
12
|
authorHighlighted?: boolean;
|
|
12
13
|
disableAvatar?: boolean;
|
|
13
|
-
logoUrl?: string;
|
|
14
14
|
rubricColor?: AvatarProps['rubricColor'];
|
|
15
|
+
sponsor?: SponsorType;
|
|
15
16
|
}
|
|
16
17
|
export declare const Signature: React.FC<SignatureProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { FlexProps, SharingNetwork } from '../../../../components';
|
|
3
|
-
import type { IconNameType, RubricColorType } from '../../../../types';
|
|
3
|
+
import type { IconNameType, LayoutType, RubricColorType } from '../../../../types';
|
|
4
4
|
export interface SocialBarItemProps extends FlexProps {
|
|
5
5
|
iconName: IconNameType;
|
|
6
6
|
variant: 'primary' | 'secondary';
|
|
@@ -8,6 +8,6 @@ export interface SocialBarItemProps extends FlexProps {
|
|
|
8
8
|
countColor?: RubricColorType;
|
|
9
9
|
sharingNetworks?: SharingNetwork[];
|
|
10
10
|
anchor?: string;
|
|
11
|
-
|
|
11
|
+
layout?: LayoutType;
|
|
12
12
|
}
|
|
13
13
|
export declare const SocialBarItem: React.FC<SocialBarItemProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { FlexProps } from '../../../components';
|
|
3
|
+
import type { SponsorType } from '../../../types';
|
|
4
|
+
export interface SponsorProps extends FlexProps {
|
|
5
|
+
sponsor: SponsorType;
|
|
6
|
+
variant: 'header-desktop' | 'header-mobile' | 'menu' | 'signature';
|
|
7
|
+
hasText?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const Sponsor: React.FC<SponsorProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Sponsor';
|
|
@@ -22,7 +22,9 @@ export * from './ShareBar';
|
|
|
22
22
|
export * from './Signature';
|
|
23
23
|
export * from './SmartBanner';
|
|
24
24
|
export * from './SocialBar';
|
|
25
|
+
export * from './Sponsor';
|
|
25
26
|
export * from './SubMenu';
|
|
26
27
|
export * from './Tabs';
|
|
27
28
|
export * from './TagBar';
|
|
28
29
|
export * from './Tiles';
|
|
30
|
+
export * from './ListWithDiode';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const textDecorationList: readonly ["underline", "dotted", "wavy", "overline"];
|
|
2
2
|
export declare const textAlignList: readonly ["left", "center", "right", "justify"];
|
|
3
3
|
export declare const textTransformList: readonly ["capitalize", "uppercase", "lowercase"];
|
|
4
|
-
export declare const fontFamilyTokenNameList: readonly ("oswald" | "source-serif-pro")[];
|
|
4
|
+
export declare const fontFamilyTokenNameList: readonly ("base" | "oswald" | "source-serif-pro")[];
|
|
5
5
|
export declare const fontWeightTokenNameList: readonly ("regular" | "semi-bold" | "bold")[];
|
|
6
6
|
export declare const headingSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxl-2")[];
|
|
7
7
|
export declare const textSizeTokenNameList: readonly ("xs" | "xxs-3" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl")[];
|
|
@@ -104,16 +104,7 @@ export declare const tokenVariables: {
|
|
|
104
104
|
diode: {
|
|
105
105
|
value: string;
|
|
106
106
|
};
|
|
107
|
-
'diode-
|
|
108
|
-
value: string;
|
|
109
|
-
};
|
|
110
|
-
'diode-rubric-entertainment': {
|
|
111
|
-
value: string;
|
|
112
|
-
};
|
|
113
|
-
'diode-rubric-planet': {
|
|
114
|
-
value: string;
|
|
115
|
-
};
|
|
116
|
-
'diode-rubric-sport': {
|
|
107
|
+
'diode-rubric': {
|
|
117
108
|
value: string;
|
|
118
109
|
};
|
|
119
110
|
error: {
|