@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.
Files changed (28) hide show
  1. package/dist/index.es.js +1062 -869
  2. package/dist/index.umd.cjs +1 -0
  3. package/dist/js/scripts.es.js +7 -4
  4. package/dist/js/{scripts.umd.js → scripts.umd.cjs} +1 -1
  5. package/dist/scss/abstracts/variables/_token-variables.scss +69 -69
  6. package/dist/scss/abstracts/variables/_variables.scss +45 -46
  7. package/dist/src/components/atoms/InlineSeparator/InlineSeparator.stories.d.ts +1 -1
  8. package/dist/src/components/atoms/Link/Link.d.ts +5 -3
  9. package/dist/src/components/atoms/Link/Link.stories.d.ts +3 -1
  10. package/dist/src/components/atoms/ScrollToTopButton/ScrollToTopButton.stories.d.ts +112 -112
  11. package/dist/src/components/atoms/SkipLink/SkipLink.stories.d.ts +1 -1
  12. package/dist/src/components/molecules/DiscoverList/DiscoverList.stories.d.ts +104 -104
  13. package/dist/src/components/molecules/Elections/SearchBanner/SearchBanner.stories.d.ts +69 -69
  14. package/dist/src/components/molecules/VerticalTimeline/VerticalTimeline.stories.d.ts +105 -105
  15. package/dist/src/components/organisms/Footer/Footer.stories.d.ts +2 -2
  16. package/dist/src/constants/cssProperties/typography.d.ts +5 -4
  17. package/dist/src/constants/tokenNameList.d.ts +5 -5
  18. package/dist/src/constants/tokenVariables.d.ts +364 -132
  19. package/dist/src/helpers/forwardRef.d.ts +2 -2
  20. package/dist/src/helpers/imgHelper.d.ts +1 -1
  21. package/dist/src/helpers/storybookHelper.d.ts +3 -3
  22. package/dist/src/helpers/systemPropsHelper/classNameWithModifier.d.ts +2 -2
  23. package/dist/src/helpers/systemPropsHelper/classNamesWithModifiers.d.ts +3 -3
  24. package/dist/src/helpers/systemPropsHelper/typographySystemClassName.d.ts +1 -1
  25. package/dist/src/types/ComponentWithAs.d.ts +3 -2
  26. package/dist/style.css +1 -1
  27. package/package.json +38 -40
  28. package/dist/index.umd.js +0 -1
package/dist/scss/abstracts/variables/_token-variables.scss CHANGED
@@ -1,77 +1,9 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 02 Mar 2026 09:32:05 GMT
3
+ * Generated on Wed, 04 Mar 2026 10:48:46 GMT
4
4
  */
5
5
 
6
6
  $token-variables: (
7
- 'typography': (
8
- 'heading': (
9
- 'xxs-4': (
10
- 'fontSize': var(--typography-heading-xxs-4-font-size)
11
- ),
12
- 'xxs-3': (
13
- 'fontSize': var(--typography-heading-xxs-3-font-size)
14
- ),
15
- 'xxs-2': (
16
- 'fontSize': var(--typography-heading-xxs-2-font-size)
17
- ),
18
- 'xxs': (
19
- 'fontSize': var(--typography-heading-xxs-font-size)
20
- ),
21
- 'xs': (
22
- 'fontSize': var(--typography-heading-xs-font-size)
23
- ),
24
- 's': (
25
- 'fontSize': var(--typography-heading-s-font-size)
26
- ),
27
- 'm': (
28
- 'fontSize': var(--typography-heading-m-font-size)
29
- ),
30
- 'l': (
31
- 'fontSize': var(--typography-heading-l-font-size)
32
- ),
33
- 'xl': (
34
- 'fontSize': var(--typography-heading-xl-font-size)
35
- ),
36
- 'xxl': (
37
- 'fontSize': var(--typography-heading-xxl-font-size)
38
- ),
39
- 'xxl-2': (
40
- 'fontSize': var(--typography-heading-xxl-2-font-size)
41
- )
42
- ),
43
- 'text': (
44
- 'xxs-3': (
45
- 'fontSize': var(--typography-text-xxs-3-font-size)
46
- ),
47
- 'xxs-2': (
48
- 'fontSize': var(--typography-text-xxs-2-font-size)
49
- ),
50
- 'xxs': (
51
- 'fontSize': var(--typography-text-xxs-font-size)
52
- ),
53
- 'xs': (
54
- 'fontSize': var(--typography-text-xs-font-size)
55
- ),
56
- 's': (
57
- 'fontSize': var(--typography-text-s-font-size)
58
- ),
59
- 'm': (
60
- 'fontSize': var(--typography-text-m-font-size),
61
- 'lineHeight': var(--typography-text-m-line-height)
62
- ),
63
- 'l': (
64
- 'fontSize': var(--typography-text-l-font-size),
65
- 'lineHeight': var(--typography-text-l-line-height)
66
- ),
67
- 'xl': (
68
- 'fontSize': var(--typography-text-xl-font-size)
69
- ),
70
- 'xxl': (
71
- 'fontSize': var(--typography-text-xxl-font-size)
72
- )
73
- )
74
- ),
75
7
  'breakpoint': (
76
8
  'xs': 0,
77
9
  'sm': 479,
@@ -194,5 +126,73 @@ $token-variables: (
194
126
  'xxl': var(--spacing-xxl),
195
127
  'xxl-2': var(--spacing-xxl-2),
196
128
  'xxl-3': var(--spacing-xxl-3)
129
+ ),
130
+ 'typography': (
131
+ 'heading': (
132
+ 'xxs-4': (
133
+ 'fontSize': var(--typography-heading-xxs-4-font-size)
134
+ ),
135
+ 'xxs-3': (
136
+ 'fontSize': var(--typography-heading-xxs-3-font-size)
137
+ ),
138
+ 'xxs-2': (
139
+ 'fontSize': var(--typography-heading-xxs-2-font-size)
140
+ ),
141
+ 'xxs': (
142
+ 'fontSize': var(--typography-heading-xxs-font-size)
143
+ ),
144
+ 'xs': (
145
+ 'fontSize': var(--typography-heading-xs-font-size)
146
+ ),
147
+ 's': (
148
+ 'fontSize': var(--typography-heading-s-font-size)
149
+ ),
150
+ 'm': (
151
+ 'fontSize': var(--typography-heading-m-font-size)
152
+ ),
153
+ 'l': (
154
+ 'fontSize': var(--typography-heading-l-font-size)
155
+ ),
156
+ 'xl': (
157
+ 'fontSize': var(--typography-heading-xl-font-size)
158
+ ),
159
+ 'xxl': (
160
+ 'fontSize': var(--typography-heading-xxl-font-size)
161
+ ),
162
+ 'xxl-2': (
163
+ 'fontSize': var(--typography-heading-xxl-2-font-size)
164
+ )
165
+ ),
166
+ 'text': (
167
+ 'xxs-3': (
168
+ 'fontSize': var(--typography-text-xxs-3-font-size)
169
+ ),
170
+ 'xxs-2': (
171
+ 'fontSize': var(--typography-text-xxs-2-font-size)
172
+ ),
173
+ 'xxs': (
174
+ 'fontSize': var(--typography-text-xxs-font-size)
175
+ ),
176
+ 'xs': (
177
+ 'fontSize': var(--typography-text-xs-font-size)
178
+ ),
179
+ 's': (
180
+ 'fontSize': var(--typography-text-s-font-size)
181
+ ),
182
+ 'm': (
183
+ 'fontSize': var(--typography-text-m-font-size),
184
+ 'lineHeight': var(--typography-text-m-line-height)
185
+ ),
186
+ 'l': (
187
+ 'fontSize': var(--typography-text-l-font-size),
188
+ 'lineHeight': var(--typography-text-l-line-height)
189
+ ),
190
+ 'xl': (
191
+ 'fontSize': var(--typography-text-xl-font-size)
192
+ ),
193
+ 'xxl': (
194
+ 'fontSize': var(--typography-text-xxl-font-size)
195
+ )
196
+ )
197
197
  )
198
198
  )
package/dist/scss/abstracts/variables/_variables.scss CHANGED
@@ -1,55 +1,54 @@
1
1
 
2
2
  /**
3
- * Do not edit directly
4
- * Generated on Mon, 02 Mar 2026 09:32:05 GMT
3
+ * Do not edit directly, this file was auto-generated.
5
4
  */
6
5
 
7
- $jeux: #4742ff !default;
8
- $gaming: #fa6ee5 !default;
9
- $infolocale: #4742ff !default;
10
- $vie-pro: #b49b56 !default;
11
- $tempo: #ecb200 !default;
12
- $sport: #6398ab !default;
13
- $publishing: #c5be00 !default;
14
- $publicommunique: #c5be00 !default;
15
- $production: #c5be00 !default;
16
- $planet: #00b482 !default;
17
- $partner: #fd8000 !default;
18
- $partenaires-externes: #4742ff !default;
19
- $media: #4742ff !default;
20
- $hightech: #8f98a9 !default;
21
- $entertainment: #9d61ff !default;
22
- $default: #4742ff !default;
23
- $conso: #ff8689 !default;
24
- $grey-900: #0F1115 !default;
25
- $grey-800: #101D25 !default;
26
- $grey-700: #181A1E !default;
27
- $grey-600: #2F3134 !default;
28
- $grey-500: #484848 !default;
29
- $grey-400: #6A6A6A !default;
30
- $grey-300: #898A8C !default;
31
- $grey-200: #DDD !default;
32
- $grey-100: #F7F7F7 !default;
33
- $grey-50: #FFFFFE !default;
34
- $white: #FFF !default;
35
- $black: #000 !default;
36
- $blue-light: #D4ECFB !default;
37
- $sponsoring: #FFF5F1 !default;
38
- $pink: #EF2A82 !default;
39
- $blue-dark: #16202B !default;
40
- $blue-grey: #253548 !default;
41
- $blue: #0000FF !default;
42
- $scarlet: #FF3F3F !default;
43
- $red: #DC0E19 !default;
44
- $purple: #AE6BA2 !default;
45
- $green: #6A9F4F !default;
46
- $yellow: #F2E500 !default;
47
- $orange: #FA9917 !default;
48
- $ultramarine-light: #6B72FB !default;
49
6
  $ultramarine: #4742FF !default;
50
- $success: $green !default;
51
- $error: $red !default;
7
+ $ultramarine-light: #6B72FB !default;
8
+ $orange: #FA9917 !default;
9
+ $yellow: #F2E500 !default;
10
+ $green: #6A9F4F !default;
11
+ $purple: #AE6BA2 !default;
12
+ $red: #DC0E19 !default;
13
+ $scarlet: #FF3F3F !default;
14
+ $blue: #0000FF !default;
15
+ $blue-grey: #253548 !default;
16
+ $blue-dark: #16202B !default;
17
+ $pink: #EF2A82 !default;
18
+ $sponsoring: #FFF5F1 !default;
19
+ $blue-light: #D4ECFB !default;
20
+ $black: #000 !default;
21
+ $white: #FFF !default;
22
+ $grey-50: #FFFFFE !default;
23
+ $grey-100: #F7F7F7 !default;
24
+ $grey-200: #DDD !default;
25
+ $grey-300: #898A8C !default;
26
+ $grey-400: #6A6A6A !default;
27
+ $grey-500: #484848 !default;
28
+ $grey-600: #2F3134 !default;
29
+ $grey-700: #181A1E !default;
30
+ $grey-800: #101D25 !default;
31
+ $grey-900: #0F1115 !default;
32
+ $conso: #ff8689 !default;
33
+ $default: #4742ff !default;
34
+ $entertainment: #9d61ff !default;
35
+ $hightech: #8f98a9 !default;
36
+ $media: #4742ff !default;
37
+ $partenaires-externes: #4742ff !default;
38
+ $partner: #fd8000 !default;
39
+ $planet: #00b482 !default;
40
+ $production: #c5be00 !default;
41
+ $publicommunique: #c5be00 !default;
42
+ $publishing: #c5be00 !default;
43
+ $sport: #6398ab !default;
44
+ $tempo: #ecb200 !default;
45
+ $vie-pro: #b49b56 !default;
46
+ $infolocale: #4742ff !default;
47
+ $gaming: #fa6ee5 !default;
48
+ $jeux: #4742ff !default;
52
49
  $warning: $orange !default;
50
+ $error: $red !default;
51
+ $success: $green !default;
53
52
 
54
53
  $variables: (
55
54
  'color': (
package/dist/src/components/atoms/InlineSeparator/InlineSeparator.stories.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: import('react').FC<import('..').TextProps<"p" | "span">>;
4
+ component: import('react').FC<import('..').TextProps>;
5
5
  args: {
6
6
  as: "span";
7
7
  size: "s";
package/dist/src/components/atoms/Link/Link.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ButtonProps, TabProps } from '../..';
2
- import { As, ColorSystemProps, SizeSystemProps, SpacingSystemProps, TypographySystemProps } from '../../../types';
3
- export type LinkProps<T extends As = 'a'> = SpacingSystemProps & Pick<TypographySystemProps, 'weight' | 'whiteSpace'> & SizeSystemProps & Pick<ColorSystemProps, 'color'> & Omit<ButtonProps<T>, 'size'> & {
2
+ import { As, ComponentWithAs, ColorSystemProps, SizeSystemProps, SpacingSystemProps, TypographySystemProps } from '../../../types';
3
+ export type LinkProps<T extends As = 'a'> = SpacingSystemProps & Pick<TypographySystemProps, 'weight' | 'whiteSpace'> & SizeSystemProps & Pick<ColorSystemProps, 'color'> & Omit<ButtonProps<T>, 'size' | 'as'> & {
4
+ as?: T;
4
5
  tabColor?: TabProps['tabColor'];
5
6
  tabIsSelected?: boolean;
6
7
  tabVariant?: TabProps['variant'];
@@ -8,4 +9,5 @@ export type LinkProps<T extends As = 'a'> = SpacingSystemProps & Pick<Typography
8
9
  defaultColor?: 'ultramarine' | 'inherit';
9
10
  isUnderlined?: boolean;
10
11
  };
11
- export declare const Link: import('../../../types').ComponentWithAs<"a", LinkProps<"a">>;
12
+ export type LinkBaseProps = Omit<LinkProps, 'as'>;
13
+ export declare const Link: ComponentWithAs<'a', LinkProps>;
package/dist/src/components/atoms/Link/Link.stories.d.ts CHANGED
@@ -1,7 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { LinkProps } from './Link';
1
3
  import { StoryObj } from '@storybook/react-vite';
2
4
  declare const meta: {
3
5
  title: string;
4
- component: import('../../..').ComponentWithAs<"a", import('./Link').LinkProps<"a">>;
6
+ render: (args: LinkProps) => React.JSX.Element;
5
7
  args: {
6
8
  href: string;
7
9
  children: string;
package/dist/src/components/atoms/ScrollToTopButton/ScrollToTopButton.stories.d.ts CHANGED
@@ -12,120 +12,120 @@ declare const meta: {
12
12
  defaultViewport: string;
13
13
  };
14
14
  };
15
- decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react/dist/types-7abe74eb').R, {
15
+ decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
16
16
  triggerSelector?: string | undefined;
17
17
  triggerOffset?: number | undefined;
18
- form?: string | undefined;
19
- p?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
20
- slot?: string | undefined;
18
+ form?: string | undefined | undefined;
19
+ p?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
20
+ slot?: string | undefined | undefined;
21
21
  style?: React.CSSProperties | undefined;
22
- title?: string | undefined;
23
- as?: import('../../..').As<any> | undefined;
24
- color?: string | undefined;
22
+ title?: string | undefined | undefined;
23
+ as?: ((string | React.ComponentClass<any, any> | React.FunctionComponent<any>) & import('../../..').As) | undefined;
24
+ color?: (import('../../..').ColorType | string) | undefined;
25
25
  key?: React.Key | null | undefined;
26
- defaultChecked?: boolean | undefined;
26
+ defaultChecked?: boolean | undefined | undefined;
27
27
  defaultValue?: string | number | readonly string[] | undefined;
28
- suppressContentEditableWarning?: boolean | undefined;
29
- suppressHydrationWarning?: boolean | undefined;
30
- accessKey?: string | undefined;
31
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
32
- autoFocus?: boolean | undefined;
33
- className?: string | undefined;
28
+ suppressContentEditableWarning?: boolean | undefined | undefined;
29
+ suppressHydrationWarning?: boolean | undefined | undefined;
30
+ accessKey?: string | undefined | undefined;
31
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
32
+ autoFocus?: boolean | undefined | undefined;
33
+ className?: string | undefined | undefined;
34
34
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
35
- contextMenu?: string | undefined;
36
- dir?: string | undefined;
35
+ contextMenu?: string | undefined | undefined;
36
+ dir?: string | undefined | undefined;
37
37
  draggable?: (boolean | "true" | "false") | undefined;
38
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
39
- hidden?: boolean | undefined;
40
- id?: string | undefined;
41
- lang?: string | undefined;
42
- nonce?: string | undefined;
38
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
39
+ hidden?: boolean | undefined | undefined;
40
+ id?: string | undefined | undefined;
41
+ lang?: string | undefined | undefined;
42
+ nonce?: string | undefined | undefined;
43
43
  spellCheck?: (boolean | "true" | "false") | undefined;
44
- tabIndex?: number | undefined;
45
- translate?: "yes" | "no" | undefined;
46
- radioGroup?: string | undefined;
44
+ tabIndex?: number | undefined | undefined;
45
+ translate?: "yes" | "no" | undefined | undefined;
46
+ radioGroup?: string | undefined | undefined;
47
47
  role?: React.AriaRole | undefined;
48
- about?: string | undefined;
49
- content?: string | undefined;
50
- datatype?: string | undefined;
48
+ about?: string | undefined | undefined;
49
+ content?: string | undefined | undefined;
50
+ datatype?: string | undefined | undefined;
51
51
  inlist?: any;
52
- prefix?: string | undefined;
53
- property?: string | undefined;
54
- rel?: string | undefined;
55
- resource?: string | undefined;
56
- rev?: string | undefined;
57
- typeof?: string | undefined;
58
- vocab?: string | undefined;
59
- autoCorrect?: string | undefined;
60
- autoSave?: string | undefined;
61
- itemProp?: string | undefined;
62
- itemScope?: boolean | undefined;
63
- itemType?: string | undefined;
64
- itemID?: string | undefined;
65
- itemRef?: string | undefined;
66
- results?: number | undefined;
67
- security?: string | undefined;
68
- unselectable?: "off" | "on" | undefined;
69
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
70
- is?: string | undefined;
71
- exportparts?: string | undefined;
72
- part?: string | undefined;
73
- "aria-activedescendant"?: string | undefined;
52
+ prefix?: string | undefined | undefined;
53
+ property?: string | undefined | undefined;
54
+ rel?: string | undefined | undefined;
55
+ resource?: string | undefined | undefined;
56
+ rev?: string | undefined | undefined;
57
+ typeof?: string | undefined | undefined;
58
+ vocab?: string | undefined | undefined;
59
+ autoCorrect?: string | undefined | undefined;
60
+ autoSave?: string | undefined | undefined;
61
+ itemProp?: string | undefined | undefined;
62
+ itemScope?: boolean | undefined | undefined;
63
+ itemType?: string | undefined | undefined;
64
+ itemID?: string | undefined | undefined;
65
+ itemRef?: string | undefined | undefined;
66
+ results?: number | undefined | undefined;
67
+ security?: string | undefined | undefined;
68
+ unselectable?: "on" | "off" | undefined | undefined;
69
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
70
+ is?: string | undefined | undefined;
71
+ exportparts?: string | undefined | undefined;
72
+ part?: string | undefined | undefined;
73
+ "aria-activedescendant"?: string | undefined | undefined;
74
74
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
75
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
76
- "aria-braillelabel"?: string | undefined;
77
- "aria-brailleroledescription"?: string | undefined;
75
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
76
+ "aria-braillelabel"?: string | undefined | undefined;
77
+ "aria-brailleroledescription"?: string | undefined | undefined;
78
78
  "aria-busy"?: (boolean | "true" | "false") | undefined;
79
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
80
- "aria-colcount"?: number | undefined;
81
- "aria-colindex"?: number | undefined;
82
- "aria-colindextext"?: string | undefined;
83
- "aria-colspan"?: number | undefined;
84
- "aria-controls"?: string | undefined;
85
- "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
86
- "aria-describedby"?: string | undefined;
87
- "aria-description"?: string | undefined;
88
- "aria-details"?: string | undefined;
79
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
80
+ "aria-colcount"?: number | undefined | undefined;
81
+ "aria-colindex"?: number | undefined | undefined;
82
+ "aria-colindextext"?: string | undefined | undefined;
83
+ "aria-colspan"?: number | undefined | undefined;
84
+ "aria-controls"?: string | undefined | undefined;
85
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
86
+ "aria-describedby"?: string | undefined | undefined;
87
+ "aria-description"?: string | undefined | undefined;
88
+ "aria-details"?: string | undefined | undefined;
89
89
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
90
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
91
- "aria-errormessage"?: string | undefined;
90
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
91
+ "aria-errormessage"?: string | undefined | undefined;
92
92
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
93
- "aria-flowto"?: string | undefined;
93
+ "aria-flowto"?: string | undefined | undefined;
94
94
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
95
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
95
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
96
96
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
97
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
98
- "aria-keyshortcuts"?: string | undefined;
99
- "aria-label"?: string | undefined;
100
- "aria-labelledby"?: string | undefined;
101
- "aria-level"?: number | undefined;
102
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
97
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
98
+ "aria-keyshortcuts"?: string | undefined | undefined;
99
+ "aria-label"?: string | undefined | undefined;
100
+ "aria-labelledby"?: string | undefined | undefined;
101
+ "aria-level"?: number | undefined | undefined;
102
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
103
103
  "aria-modal"?: (boolean | "true" | "false") | undefined;
104
104
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
105
105
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
106
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
107
- "aria-owns"?: string | undefined;
108
- "aria-placeholder"?: string | undefined;
109
- "aria-posinset"?: number | undefined;
110
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
106
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
107
+ "aria-owns"?: string | undefined | undefined;
108
+ "aria-placeholder"?: string | undefined | undefined;
109
+ "aria-posinset"?: number | undefined | undefined;
110
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
111
111
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
112
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
112
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
113
113
  "aria-required"?: (boolean | "true" | "false") | undefined;
114
- "aria-roledescription"?: string | undefined;
115
- "aria-rowcount"?: number | undefined;
116
- "aria-rowindex"?: number | undefined;
117
- "aria-rowindextext"?: string | undefined;
118
- "aria-rowspan"?: number | undefined;
114
+ "aria-roledescription"?: string | undefined | undefined;
115
+ "aria-rowcount"?: number | undefined | undefined;
116
+ "aria-rowindex"?: number | undefined | undefined;
117
+ "aria-rowindextext"?: string | undefined | undefined;
118
+ "aria-rowspan"?: number | undefined | undefined;
119
119
  "aria-selected"?: (boolean | "true" | "false") | undefined;
120
- "aria-setsize"?: number | undefined;
121
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
122
- "aria-valuemax"?: number | undefined;
123
- "aria-valuemin"?: number | undefined;
124
- "aria-valuenow"?: number | undefined;
125
- "aria-valuetext"?: string | undefined;
120
+ "aria-setsize"?: number | undefined | undefined;
121
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
122
+ "aria-valuemax"?: number | undefined | undefined;
123
+ "aria-valuemin"?: number | undefined | undefined;
124
+ "aria-valuenow"?: number | undefined | undefined;
125
+ "aria-valuetext"?: string | undefined | undefined;
126
126
  dangerouslySetInnerHTML?: {
127
127
  __html: string | TrustedHTML;
128
- } | undefined;
128
+ } | undefined | undefined;
129
129
  onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
130
130
  onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
131
131
  onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -284,30 +284,30 @@ declare const meta: {
284
284
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
285
285
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
286
286
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
287
- variant?: "link" | "primary" | "secondary" | "close" | "ghost" | "tertiary" | "has-dark-bg" | "has-white-bg" | "ghost-with-icon-bg" | "round" | "round-small" | "round-has-white-bg" | "round-has-blue-dark-bg" | "round-half-opacity-dark-bg" | "round-small-transparent-bg" | "half-opacity-dark-bg" | "has-transparent-bg" | undefined;
288
- m?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
289
- mt?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
290
- mr?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
291
- mb?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
292
- ml?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
293
- mx?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
294
- my?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
295
- pt?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
296
- pr?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
297
- pb?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
298
- pl?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
299
- px?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
300
- py?: "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3" | Partial<Record<"xs" | "xl" | "xxl" | "sm" | "md" | "lg", "s" | "m" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "xs" | "l" | "xl" | "xxl" | "xxl-2" | "xxl-3">> | undefined;
287
+ variant?: import('..').ButtonVariantType | undefined;
288
+ m?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
289
+ mt?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
290
+ mr?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
291
+ mb?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
292
+ ml?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
293
+ mx?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
294
+ my?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
295
+ pt?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
296
+ pr?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
297
+ pb?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
298
+ pl?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
299
+ px?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
300
+ py?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
301
301
  borderColor?: import('../../..').ColorType | undefined;
302
- bg?: string | undefined;
303
- disabled?: boolean | undefined;
302
+ bg?: (import('../../..').ColorType | string) | undefined;
303
+ disabled?: boolean | undefined | undefined;
304
304
  formAction?: string | undefined;
305
- formEncType?: string | undefined;
306
- formMethod?: string | undefined;
307
- formNoValidate?: boolean | undefined;
308
- formTarget?: string | undefined;
309
- name?: string | undefined;
310
- type?: "button" | "submit" | "reset" | undefined;
305
+ formEncType?: string | undefined | undefined;
306
+ formMethod?: string | undefined | undefined;
307
+ formNoValidate?: boolean | undefined | undefined;
308
+ formTarget?: string | undefined | undefined;
309
+ name?: string | undefined | undefined;
310
+ type?: "submit" | "reset" | "button" | undefined | undefined;
311
311
  value?: string | number | readonly string[] | undefined;
312
312
  size?: "small" | undefined;
313
313
  counter?: number | undefined;
package/dist/src/components/atoms/SkipLink/SkipLink.stories.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  component: import('react').ForwardRefExoticComponent<import('react').AnchorHTMLAttributes<HTMLAnchorElement> & {
4
- children: import('react').ReactNode;
4
+ children: React.ReactNode;
5
5
  } & import('react').RefAttributes<HTMLAnchorElement>>;
6
6
  title: string;
7
7
  args: {