@20minutes/hela 2.16.10 → 2.17.0
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 +1062 -869
- package/dist/index.umd.cjs +1 -0
- package/dist/js/scripts.es.js +7 -4
- package/dist/js/{scripts.umd.js → scripts.umd.cjs} +1 -1
- package/dist/scss/abstracts/variables/_token-variables.scss +69 -69
- package/dist/scss/abstracts/variables/_variables.scss +45 -46
- 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.stories.d.ts +69 -69
- package/dist/src/components/molecules/VerticalTimeline/VerticalTimeline.stories.d.ts +105 -105
- 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;
|
|
@@ -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[];
|