@20minutes/hela 2.16.10 → 2.17.1
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 +1160 -963
- package/dist/index.umd.cjs +1 -0
- package/dist/js/scripts.es.js +675 -545
- package/dist/js/{scripts.umd.js → scripts.umd.cjs} +1 -1
- package/dist/scss/abstracts/variables/_other-colors.scss +14 -9
- package/dist/scss/abstracts/variables/_token-variables.scss +69 -69
- package/dist/scss/abstracts/variables/_variables.scss +45 -46
- package/dist/src/assets/scripts/townsMarkerMap.d.ts +1 -1
- package/dist/src/components/atoms/InlineSeparator/InlineSeparator.stories.d.ts +1 -1
- package/dist/src/components/atoms/Link/Link.d.ts +5 -3
- package/dist/src/components/atoms/Link/Link.stories.d.ts +3 -1
- package/dist/src/components/atoms/ScrollToTopButton/ScrollToTopButton.stories.d.ts +112 -112
- package/dist/src/components/atoms/SkipLink/SkipLink.stories.d.ts +1 -1
- package/dist/src/components/molecules/DiscoverList/DiscoverList.stories.d.ts +104 -104
- package/dist/src/components/molecules/Elections/SearchBanner/SearchBanner.d.ts +1 -0
- package/dist/src/components/molecules/Elections/SearchBanner/SearchBanner.stories.d.ts +69 -69
- package/dist/src/components/molecules/VerticalTimeline/VerticalTimeline.stories.d.ts +105 -105
- package/dist/src/components/organisms/Elections/ElectionsResult.stories.d.ts +1 -0
- package/dist/src/components/organisms/Footer/Footer.stories.d.ts +2 -2
- package/dist/src/constants/cssProperties/typography.d.ts +5 -4
- package/dist/src/constants/tokenNameList.d.ts +5 -5
- package/dist/src/constants/tokenVariables.d.ts +364 -132
- package/dist/src/helpers/forwardRef.d.ts +2 -2
- package/dist/src/helpers/imgHelper.d.ts +1 -1
- package/dist/src/helpers/storybookHelper.d.ts +3 -3
- package/dist/src/helpers/systemPropsHelper/classNameWithModifier.d.ts +2 -2
- package/dist/src/helpers/systemPropsHelper/classNamesWithModifiers.d.ts +3 -3
- package/dist/src/helpers/systemPropsHelper/typographySystemClassName.d.ts +1 -1
- package/dist/src/types/ComponentWithAs.d.ts +3 -2
- package/dist/style.css +1 -1
- package/package.json +38 -40
- package/dist/index.umd.js +0 -1
|
@@ -7,134 +7,134 @@ declare const meta: {
|
|
|
7
7
|
args: {
|
|
8
8
|
[x: `data-${string}`]: string;
|
|
9
9
|
items: import('./VerticalTimeline').ItemProps[];
|
|
10
|
-
themeColor?:
|
|
11
|
-
m?:
|
|
12
|
-
mt?:
|
|
13
|
-
mr?:
|
|
14
|
-
mb?:
|
|
15
|
-
ml?:
|
|
16
|
-
mx?:
|
|
17
|
-
my?:
|
|
18
|
-
p?:
|
|
19
|
-
pt?:
|
|
20
|
-
pr?:
|
|
21
|
-
pb?:
|
|
22
|
-
pl?:
|
|
23
|
-
px?:
|
|
24
|
-
py?:
|
|
25
|
-
borderColor?: import('../../..').ColorType
|
|
26
|
-
bg?:
|
|
27
|
-
color?:
|
|
28
|
-
radius?:
|
|
29
|
-
slot?: string | undefined;
|
|
10
|
+
themeColor?: import('../../..').TextType["color"];
|
|
11
|
+
m?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
12
|
+
mt?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
13
|
+
mr?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
14
|
+
mb?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
15
|
+
ml?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
16
|
+
mx?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
17
|
+
my?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
18
|
+
p?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
19
|
+
pt?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
20
|
+
pr?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
21
|
+
pb?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
22
|
+
pl?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
23
|
+
px?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
24
|
+
py?: import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>;
|
|
25
|
+
borderColor?: import('../../..').ColorType;
|
|
26
|
+
bg?: import('../../..').ColorType | string;
|
|
27
|
+
color?: import('../../..').ColorType | string;
|
|
28
|
+
radius?: import('../../..').RadiusType | import('../../..').TypeWithMediaQueriesType<import('../../..').RadiusType>;
|
|
29
|
+
slot?: string | undefined | undefined;
|
|
30
30
|
style?: React.CSSProperties | undefined;
|
|
31
|
-
title?: string | undefined;
|
|
32
|
-
as?: import('../../..').As
|
|
31
|
+
title?: string | undefined | undefined;
|
|
32
|
+
as?: ((string | React.ComponentClass<any, any> | React.FunctionComponent<any>) & import('../../..').As) | undefined;
|
|
33
33
|
key?: React.Key | null | undefined;
|
|
34
|
-
defaultChecked?: boolean | undefined;
|
|
34
|
+
defaultChecked?: boolean | undefined | undefined;
|
|
35
35
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
36
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
37
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
38
|
-
accessKey?: string | undefined;
|
|
39
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
|
|
40
|
-
autoFocus?: boolean | undefined;
|
|
41
|
-
className?: string | undefined;
|
|
36
|
+
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
37
|
+
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
38
|
+
accessKey?: string | undefined | undefined;
|
|
39
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
40
|
+
autoFocus?: boolean | undefined | undefined;
|
|
41
|
+
className?: string | undefined | undefined;
|
|
42
42
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
43
|
-
contextMenu?: string | undefined;
|
|
44
|
-
dir?: string | undefined;
|
|
43
|
+
contextMenu?: string | undefined | undefined;
|
|
44
|
+
dir?: string | undefined | undefined;
|
|
45
45
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
46
|
-
enterKeyHint?: "
|
|
47
|
-
hidden?: boolean | undefined;
|
|
48
|
-
id?: string | undefined;
|
|
49
|
-
lang?: string | undefined;
|
|
50
|
-
nonce?: string | undefined;
|
|
46
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
47
|
+
hidden?: boolean | undefined | undefined;
|
|
48
|
+
id?: string | undefined | undefined;
|
|
49
|
+
lang?: string | undefined | undefined;
|
|
50
|
+
nonce?: string | undefined | undefined;
|
|
51
51
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
52
|
-
tabIndex?: number | undefined;
|
|
53
|
-
translate?: "yes" | "no" | undefined;
|
|
54
|
-
radioGroup?: string | undefined;
|
|
52
|
+
tabIndex?: number | undefined | undefined;
|
|
53
|
+
translate?: "yes" | "no" | undefined | undefined;
|
|
54
|
+
radioGroup?: string | undefined | undefined;
|
|
55
55
|
role?: React.AriaRole | undefined;
|
|
56
|
-
about?: string | undefined;
|
|
57
|
-
content?: string | undefined;
|
|
58
|
-
datatype?: string | undefined;
|
|
56
|
+
about?: string | undefined | undefined;
|
|
57
|
+
content?: string | undefined | undefined;
|
|
58
|
+
datatype?: string | undefined | undefined;
|
|
59
59
|
inlist?: any;
|
|
60
|
-
prefix?: string | undefined;
|
|
61
|
-
property?: string | undefined;
|
|
62
|
-
rel?: string | undefined;
|
|
63
|
-
resource?: string | undefined;
|
|
64
|
-
rev?: string | undefined;
|
|
65
|
-
typeof?: string | undefined;
|
|
66
|
-
vocab?: string | undefined;
|
|
67
|
-
autoCorrect?: string | undefined;
|
|
68
|
-
autoSave?: string | undefined;
|
|
69
|
-
itemProp?: string | undefined;
|
|
70
|
-
itemScope?: boolean | undefined;
|
|
71
|
-
itemType?: string | undefined;
|
|
72
|
-
itemID?: string | undefined;
|
|
73
|
-
itemRef?: string | undefined;
|
|
74
|
-
results?: number | undefined;
|
|
75
|
-
security?: string | undefined;
|
|
76
|
-
unselectable?: "
|
|
77
|
-
inputMode?: "
|
|
78
|
-
is?: string | undefined;
|
|
79
|
-
exportparts?: string | undefined;
|
|
80
|
-
part?: string | undefined;
|
|
81
|
-
"aria-activedescendant"?: string | undefined;
|
|
60
|
+
prefix?: string | undefined | undefined;
|
|
61
|
+
property?: string | undefined | undefined;
|
|
62
|
+
rel?: string | undefined | undefined;
|
|
63
|
+
resource?: string | undefined | undefined;
|
|
64
|
+
rev?: string | undefined | undefined;
|
|
65
|
+
typeof?: string | undefined | undefined;
|
|
66
|
+
vocab?: string | undefined | undefined;
|
|
67
|
+
autoCorrect?: string | undefined | undefined;
|
|
68
|
+
autoSave?: string | undefined | undefined;
|
|
69
|
+
itemProp?: string | undefined | undefined;
|
|
70
|
+
itemScope?: boolean | undefined | undefined;
|
|
71
|
+
itemType?: string | undefined | undefined;
|
|
72
|
+
itemID?: string | undefined | undefined;
|
|
73
|
+
itemRef?: string | undefined | undefined;
|
|
74
|
+
results?: number | undefined | undefined;
|
|
75
|
+
security?: string | undefined | undefined;
|
|
76
|
+
unselectable?: "on" | "off" | undefined | undefined;
|
|
77
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
78
|
+
is?: string | undefined | undefined;
|
|
79
|
+
exportparts?: string | undefined | undefined;
|
|
80
|
+
part?: string | undefined | undefined;
|
|
81
|
+
"aria-activedescendant"?: string | undefined | undefined;
|
|
82
82
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
83
|
-
"aria-autocomplete"?: "none" | "
|
|
84
|
-
"aria-braillelabel"?: string | undefined;
|
|
85
|
-
"aria-brailleroledescription"?: string | undefined;
|
|
83
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
84
|
+
"aria-braillelabel"?: string | undefined | undefined;
|
|
85
|
+
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
86
86
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
87
|
-
"aria-checked"?: boolean | "
|
|
88
|
-
"aria-colcount"?: number | undefined;
|
|
89
|
-
"aria-colindex"?: number | undefined;
|
|
90
|
-
"aria-colindextext"?: string | undefined;
|
|
91
|
-
"aria-colspan"?: number | undefined;
|
|
92
|
-
"aria-controls"?: string | undefined;
|
|
93
|
-
"aria-current"?: boolean | "
|
|
94
|
-
"aria-describedby"?: string | undefined;
|
|
95
|
-
"aria-description"?: string | undefined;
|
|
96
|
-
"aria-details"?: string | undefined;
|
|
87
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
88
|
+
"aria-colcount"?: number | undefined | undefined;
|
|
89
|
+
"aria-colindex"?: number | undefined | undefined;
|
|
90
|
+
"aria-colindextext"?: string | undefined | undefined;
|
|
91
|
+
"aria-colspan"?: number | undefined | undefined;
|
|
92
|
+
"aria-controls"?: string | undefined | undefined;
|
|
93
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
94
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
95
|
+
"aria-description"?: string | undefined | undefined;
|
|
96
|
+
"aria-details"?: string | undefined | undefined;
|
|
97
97
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
98
|
-
"aria-dropeffect"?: "
|
|
99
|
-
"aria-errormessage"?: string | undefined;
|
|
98
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
99
|
+
"aria-errormessage"?: string | undefined | undefined;
|
|
100
100
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
101
|
-
"aria-flowto"?: string | undefined;
|
|
101
|
+
"aria-flowto"?: string | undefined | undefined;
|
|
102
102
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
103
|
-
"aria-haspopup"?: boolean | "
|
|
103
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
104
104
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
105
|
-
"aria-invalid"?: boolean | "
|
|
106
|
-
"aria-keyshortcuts"?: string | undefined;
|
|
107
|
-
"aria-label"?: string | undefined;
|
|
108
|
-
"aria-labelledby"?: string | undefined;
|
|
109
|
-
"aria-level"?: number | undefined;
|
|
110
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
105
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
106
|
+
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
107
|
+
"aria-label"?: string | undefined | undefined;
|
|
108
|
+
"aria-labelledby"?: string | undefined | undefined;
|
|
109
|
+
"aria-level"?: number | undefined | undefined;
|
|
110
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
111
111
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
112
112
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
113
113
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
114
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
115
|
-
"aria-owns"?: string | undefined;
|
|
116
|
-
"aria-placeholder"?: string | undefined;
|
|
117
|
-
"aria-posinset"?: number | undefined;
|
|
118
|
-
"aria-pressed"?: boolean | "
|
|
114
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
115
|
+
"aria-owns"?: string | undefined | undefined;
|
|
116
|
+
"aria-placeholder"?: string | undefined | undefined;
|
|
117
|
+
"aria-posinset"?: number | undefined | undefined;
|
|
118
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
119
119
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
120
|
-
"aria-relevant"?: "
|
|
120
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
121
121
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
122
|
-
"aria-roledescription"?: string | undefined;
|
|
123
|
-
"aria-rowcount"?: number | undefined;
|
|
124
|
-
"aria-rowindex"?: number | undefined;
|
|
125
|
-
"aria-rowindextext"?: string | undefined;
|
|
126
|
-
"aria-rowspan"?: number | undefined;
|
|
122
|
+
"aria-roledescription"?: string | undefined | undefined;
|
|
123
|
+
"aria-rowcount"?: number | undefined | undefined;
|
|
124
|
+
"aria-rowindex"?: number | undefined | undefined;
|
|
125
|
+
"aria-rowindextext"?: string | undefined | undefined;
|
|
126
|
+
"aria-rowspan"?: number | undefined | undefined;
|
|
127
127
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
128
|
-
"aria-setsize"?: number | undefined;
|
|
129
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
130
|
-
"aria-valuemax"?: number | undefined;
|
|
131
|
-
"aria-valuemin"?: number | undefined;
|
|
132
|
-
"aria-valuenow"?: number | undefined;
|
|
133
|
-
"aria-valuetext"?: string | undefined;
|
|
128
|
+
"aria-setsize"?: number | undefined | undefined;
|
|
129
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
130
|
+
"aria-valuemax"?: number | undefined | undefined;
|
|
131
|
+
"aria-valuemin"?: number | undefined | undefined;
|
|
132
|
+
"aria-valuenow"?: number | undefined | undefined;
|
|
133
|
+
"aria-valuetext"?: string | undefined | undefined;
|
|
134
134
|
children?: React.ReactNode;
|
|
135
135
|
dangerouslySetInnerHTML?: {
|
|
136
136
|
__html: string | TrustedHTML;
|
|
137
|
-
} | undefined;
|
|
137
|
+
} | undefined | undefined;
|
|
138
138
|
onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
139
139
|
onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
140
140
|
onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
@@ -42,6 +42,7 @@ export default meta;
|
|
|
42
42
|
type Story = StoryObj<typeof meta>;
|
|
43
43
|
export declare const Overview: Story;
|
|
44
44
|
export declare const WithRanking: Story;
|
|
45
|
+
export declare const WithAvatar: Story;
|
|
45
46
|
export declare const WithRankingAndStatus: Story;
|
|
46
47
|
export declare const WithRankingStatusAndAvatar: Story;
|
|
47
48
|
export declare const WithRankingStatusAndAvatarOnMobile: Story;
|
|
@@ -10,7 +10,7 @@ declare const meta: {
|
|
|
10
10
|
logoHref: string;
|
|
11
11
|
categories: {
|
|
12
12
|
name: string;
|
|
13
|
-
links: import('../..').LinkProps
|
|
13
|
+
links: import('../..').LinkProps[];
|
|
14
14
|
}[];
|
|
15
15
|
archives: {
|
|
16
16
|
name: string;
|
|
@@ -53,7 +53,7 @@ export declare const FooterWithThemeColor: {
|
|
|
53
53
|
layout: LayoutType;
|
|
54
54
|
categories: {
|
|
55
55
|
name: string;
|
|
56
|
-
links: import('../..').LinkProps
|
|
56
|
+
links: import('../..').LinkProps[];
|
|
57
57
|
}[];
|
|
58
58
|
themeColor: string;
|
|
59
59
|
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { FontFamilyType, FontWeightType, HeadingSizeType, TextSizeType } from '../../types';
|
|
1
2
|
export declare const textDecorationList: readonly ["underline", "dotted", "wavy", "overline"];
|
|
2
3
|
export declare const textAlignList: readonly ["left", "center", "right", "justify"];
|
|
3
4
|
export declare const textTransformList: readonly ["capitalize", "uppercase", "lowercase"];
|
|
4
5
|
export declare const whiteSpaceList: readonly ["break-spaces", "normal", "nowrap", "pre", "pre-line", "pre-wrap", "revert"];
|
|
5
|
-
export declare const fontFamilyTokenNameList: readonly
|
|
6
|
-
export declare const fontWeightTokenNameList: readonly
|
|
7
|
-
export declare const headingSizeTokenNameList: readonly
|
|
8
|
-
export declare const textSizeTokenNameList: readonly
|
|
6
|
+
export declare const fontFamilyTokenNameList: readonly FontFamilyType[];
|
|
7
|
+
export declare const fontWeightTokenNameList: readonly FontWeightType[];
|
|
8
|
+
export declare const headingSizeTokenNameList: readonly HeadingSizeType[];
|
|
9
|
+
export declare const textSizeTokenNameList: readonly TextSizeType[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ColorType, IconNameType } from '../types';
|
|
2
|
-
export declare const spacingTokenNameList: readonly
|
|
1
|
+
import { ColorType, IconNameOfHoroscopeSignChineseType, IconNameOfHoroscopeSignZodiacType, IconNameType, RadiusType, SpacingType } from '../types';
|
|
2
|
+
export declare const spacingTokenNameList: readonly SpacingType[];
|
|
3
3
|
export declare const colorTokenNameList: readonly ColorType[];
|
|
4
4
|
export declare const iconTokenNameList: readonly IconNameType[];
|
|
5
|
-
export declare const iconTokenNameHorscopeChineseList: readonly
|
|
6
|
-
export declare const iconTokenNameHorscopeZodiacList: readonly
|
|
7
|
-
export declare const radiusTokenNameList: readonly
|
|
5
|
+
export declare const iconTokenNameHorscopeChineseList: readonly IconNameOfHoroscopeSignChineseType[];
|
|
6
|
+
export declare const iconTokenNameHorscopeZodiacList: readonly IconNameOfHoroscopeSignZodiacType[];
|
|
7
|
+
export declare const radiusTokenNameList: readonly RadiusType[];
|