@20minutes/hela 0.1.105 → 0.1.107

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.
@@ -1,12 +1,11 @@
1
1
  import { type BoxProps } from '../../../components';
2
- export type IconName = '20mn-achat' | '20mn-afp' | '20mn-mag' | '20mn-media' | '20mn-product' | '20mn-pub' | 'apple' | 'arrow' | 'arrow-thin' | 'bookmark' | 'chevron' | 'circle' | 'clock' | 'close' | 'clover' | 'comment' | 'connect' | 'connected' | 'dailymotion' | 'darkmode' | 'diaporama' | 'diode-rubric-entertainment' | 'diode-leaning' | 'diode-rubric-planet' | 'diode-rubric-sport' | 'diode' | 'error' | 'facebook' | 'flipboard' | 'googleplay' | 'health' | 'heart' | 'horoscope' | 'home' | 'instagram' | 'jeux' | 'journal' | 'local' | 'logo' | 'menu' | 'mood' | 'newsletters' | 'not-found' | 'notification' | 'podcast' | 'report' | 'search' | 'server-error' | 'share' | 'signin-facebook' | 'signin-google' | 'snapchat' | 'star' | 'tiktok' | 'twitter' | 'valide' | 'video' | 'view' | 'youtube' | 'work';
3
- export type IconHoroscopeName = 'horoscope-belier' | 'horoscope-taureau' | 'horoscope-gemeaux' | 'horoscope-cancer' | 'horoscope-lion' | 'horoscope-vierge' | 'horoscope-balance' | 'horoscope-scorpion' | 'horoscope-sagittaire' | 'horoscope-capricorne' | 'horoscope-verseau' | 'horoscope-poissons' | 'horoscope-buffle' | 'horoscope-cheval' | 'horoscope-chevre' | 'horoscope-chien' | 'horoscope-cochon' | 'horoscope-coq' | 'horoscope-dragon' | 'horoscope-lapin' | 'horoscope-rat' | 'horoscope-serpent' | 'horoscope-singe' | 'horoscope-tigre';
2
+ import type { IconNameOfHoroscopeSignType, IconNameType } from '../../../types';
4
3
  export interface IconOptions {
5
- name: IconName | IconHoroscopeName;
4
+ name: IconNameType | IconNameOfHoroscopeSignType | 'circle';
6
5
  size?: number | number[];
7
6
  withBorder?: boolean;
8
7
  isRounded?: boolean;
9
8
  rotation?: 'quarter' | 'half' | 'three-quarter';
10
9
  }
11
10
  export type IconProps = IconOptions & BoxProps;
12
- export declare const Icon: import("../../..").ComponentWithAs<"div", IconProps>;
11
+ export declare const Icon: import('../../../types').ComponentWithAs<"div", IconProps>;
@@ -1,5 +1,5 @@
1
- import type { ButtonProps, IconName, IconProps, TextProps } from '../../../components';
2
- import type { AsProps, ColorSystemProps } from '../../../types';
1
+ import type { ButtonProps, IconProps, TextProps } from '../../../components';
2
+ import type { AsProps, ColorSystemProps, IconNameType } from '../../../types';
3
3
  type MessagesProps = {
4
4
  value: string;
5
5
  textProps?: TextProps;
@@ -7,7 +7,7 @@ type MessagesProps = {
7
7
  };
8
8
  export interface InputOptions {
9
9
  label?: string;
10
- icon?: IconName;
10
+ icon?: IconNameType;
11
11
  positionIcon?: 'left' | 'right';
12
12
  isIconButton?: boolean;
13
13
  iconButtonProps?: ButtonProps;
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+ import type { BoxProps } from '../../../components';
2
3
  import type { ColorType } from '../../../types';
3
4
  import { LayoutType } from '../../../types';
4
- export interface BreadcrumbProps {
5
+ export interface BreadcrumbProps extends BoxProps {
5
6
  rubric: {
6
7
  label: string;
7
8
  link?: string;
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
- import type { FlexProps, IconHoroscopeName } from '../../../../components';
2
+ import type { FlexProps } from '../../../../components';
3
+ import type { IconNameOfHoroscopeSignType } from '../../../../types';
3
4
  export interface HeaderBannerProps extends FlexProps<'div'> {
4
5
  title: string;
5
6
  subtitle: string;
6
- icon?: IconHoroscopeName;
7
+ icon?: IconNameOfHoroscopeSignType;
7
8
  variant?: 'lightBlue' | 'darkBlue' | 'yellow' | 'orange' | 'transparent';
8
9
  }
9
10
  export declare const HeaderBanner: React.FC<HeaderBannerProps>;
@@ -1,8 +1,9 @@
1
- import type { BoxProps, IconName } from '../../../../components';
1
+ import type { BoxProps } from '../../../../components';
2
+ import type { IconNameType } from '../../../../types';
2
3
  export interface HoroscopeTopicCardOptions {
3
- icon: IconName;
4
+ icon: IconNameType;
4
5
  title: string;
5
6
  content: string;
6
7
  }
7
8
  export type HoroscopeTopicCardProps = HoroscopeTopicCardOptions & BoxProps;
8
- export declare const HoroscopeTopicCard: import("../../../..").ComponentWithAs<"div", HoroscopeTopicCardProps>;
9
+ export declare const HoroscopeTopicCard: import('../../../../types').ComponentWithAs<"div", HoroscopeTopicCardProps>;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
+ import type { BoxProps } from '../../../components';
2
3
  import type { CardType, LayoutType } from '../../../types';
3
- export interface MostReadArticlesProps {
4
+ export interface MostReadArticlesProps extends BoxProps {
4
5
  tabItems: {
5
6
  name: string;
6
7
  title: string;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import type { FlexProps, IconName, SharingNetwork } from '../../../../components';
3
- import type { RubricColorType } from '../../../../types';
2
+ import type { FlexProps, SharingNetwork } from '../../../../components';
3
+ import type { IconNameType, RubricColorType } from '../../../../types';
4
4
  export interface SocialBarItemProps extends FlexProps {
5
- iconName: IconName;
5
+ iconName: IconNameType;
6
6
  variant: 'primary' | 'secondary';
7
7
  count?: number;
8
8
  countColor?: RubricColorType;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
+ import type { BoxProps } from '../../../components';
2
3
  import type { TabType } from '../../../types';
3
- export interface TabsProps {
4
+ export interface TabsProps extends BoxProps {
4
5
  tabItems: {
5
6
  name: string;
6
7
  title: string;
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
- import type { IconName, LinkProps } from '../../../components';
2
+ import type { LinkProps } from '../../../components';
3
+ import type { IconNameType } from '../../../types';
3
4
  export interface TilesProps extends LinkProps {
4
- icon: IconName;
5
+ icon: IconNameType;
5
6
  iconClassNames?: string;
6
7
  iconSize?: number | number[];
7
8
  className?: string;
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import type { IconName } from '../../../components';
2
+ import type { IconNameType } from '../../../types';
3
3
  export interface FooterSocialIconsProps {
4
4
  socialIcons: {
5
5
  icons: {
6
- name: IconName;
6
+ name: IconNameType;
7
7
  url: string;
8
8
  }[];
9
9
  }[];
@@ -4,4 +4,4 @@ export declare const textTransformList: readonly ["capitalize", "uppercase", "lo
4
4
  export declare const fontFamilyTokenNameList: readonly ("oswald" | "source-serif-pro")[];
5
5
  export declare const fontWeightTokenNameList: readonly ("regular" | "bold")[];
6
6
  export declare const headingSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxl-2")[];
7
- export declare const textSizeTokenNameList: readonly ("xs" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxs-3")[];
7
+ export declare const textSizeTokenNameList: readonly ("xs" | "xxs-3" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl")[];
@@ -1,4 +1,5 @@
1
- import type { ColorType } from '../types';
2
- export declare const spacingTokenNameList: readonly ("xs" | "0" | "auto" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxl-2")[];
1
+ import type { ColorType, IconNameType } from '../types';
2
+ export declare const spacingTokenNameList: readonly ("xs" | "0" | "auto" | "xxs-3" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl" | "xxl-2")[];
3
3
  export declare const colorTokenNameList: readonly ColorType[];
4
+ export declare const iconTokenNameList: readonly IconNameType[];
4
5
  export declare const radiusTokenNameList: readonly ("xs" | "0" | "xxs-2" | "xxs" | "s" | "m" | "l" | "xl" | "xxl")[];
@@ -30,6 +30,269 @@ export declare const tokenVariables: {
30
30
  extensions: string[];
31
31
  };
32
32
  };
33
+ icon: {
34
+ '20mn-achat': {
35
+ value: string;
36
+ };
37
+ '20mn-afp': {
38
+ value: string;
39
+ };
40
+ '20mn-mag': {
41
+ value: string;
42
+ };
43
+ '20mn-media': {
44
+ value: string;
45
+ };
46
+ '20mn-product': {
47
+ value: string;
48
+ };
49
+ '20mn-pub': {
50
+ value: string;
51
+ };
52
+ apple: {
53
+ value: string;
54
+ };
55
+ arrow: {
56
+ value: string;
57
+ };
58
+ 'arrow-thin': {
59
+ value: string;
60
+ };
61
+ bookmark: {
62
+ value: string;
63
+ };
64
+ 'bookmark-active': {
65
+ value: string;
66
+ };
67
+ chevron: {
68
+ value: string;
69
+ };
70
+ clock: {
71
+ value: string;
72
+ };
73
+ close: {
74
+ value: string;
75
+ };
76
+ clover: {
77
+ value: string;
78
+ };
79
+ comment: {
80
+ value: string;
81
+ };
82
+ connect: {
83
+ value: string;
84
+ };
85
+ connected: {
86
+ value: string;
87
+ };
88
+ dailymotion: {
89
+ value: string;
90
+ };
91
+ darkmode: {
92
+ value: string;
93
+ };
94
+ diaporama: {
95
+ value: string;
96
+ };
97
+ diode: {
98
+ value: string;
99
+ };
100
+ 'diode-leaning': {
101
+ value: string;
102
+ };
103
+ 'diode-rubric-entertainment': {
104
+ value: string;
105
+ };
106
+ 'diode-rubric-planet': {
107
+ value: string;
108
+ };
109
+ 'diode-rubric-sport': {
110
+ value: string;
111
+ };
112
+ error: {
113
+ value: string;
114
+ };
115
+ facebook: {
116
+ value: string;
117
+ };
118
+ flipboard: {
119
+ value: string;
120
+ };
121
+ ghost: {
122
+ value: string;
123
+ };
124
+ googleplay: {
125
+ value: string;
126
+ };
127
+ health: {
128
+ value: string;
129
+ };
130
+ heart: {
131
+ value: string;
132
+ };
133
+ home: {
134
+ value: string;
135
+ };
136
+ horoscope: {
137
+ value: string;
138
+ };
139
+ instagram: {
140
+ value: string;
141
+ };
142
+ jeux: {
143
+ value: string;
144
+ };
145
+ journal: {
146
+ value: string;
147
+ };
148
+ local: {
149
+ value: string;
150
+ };
151
+ logo: {
152
+ value: string;
153
+ };
154
+ menu: {
155
+ value: string;
156
+ };
157
+ mood: {
158
+ value: string;
159
+ };
160
+ newsletters: {
161
+ value: string;
162
+ };
163
+ 'not-found': {
164
+ value: string;
165
+ };
166
+ notification: {
167
+ value: string;
168
+ };
169
+ podcast: {
170
+ value: string;
171
+ };
172
+ report: {
173
+ value: string;
174
+ };
175
+ search: {
176
+ value: string;
177
+ };
178
+ 'server-error': {
179
+ value: string;
180
+ };
181
+ share: {
182
+ value: string;
183
+ };
184
+ 'signin-facebook': {
185
+ value: string;
186
+ };
187
+ 'signin-google': {
188
+ value: string;
189
+ };
190
+ snapchat: {
191
+ value: string;
192
+ };
193
+ star: {
194
+ value: string;
195
+ };
196
+ tiktok: {
197
+ value: string;
198
+ };
199
+ twitter: {
200
+ value: string;
201
+ };
202
+ valide: {
203
+ value: string;
204
+ };
205
+ video: {
206
+ value: string;
207
+ };
208
+ view: {
209
+ value: string;
210
+ };
211
+ work: {
212
+ value: string;
213
+ };
214
+ youtube: {
215
+ value: string;
216
+ };
217
+ 'horoscope-sign': {
218
+ chinese: {
219
+ 'horoscope-belier': {
220
+ value: string;
221
+ };
222
+ 'horoscope-buffle': {
223
+ value: string;
224
+ };
225
+ 'horoscope-cheval': {
226
+ value: string;
227
+ };
228
+ 'horoscope-chevre': {
229
+ value: string;
230
+ };
231
+ 'horoscope-chien': {
232
+ value: string;
233
+ };
234
+ 'horoscope-cochon': {
235
+ value: string;
236
+ };
237
+ 'horoscope-coq': {
238
+ value: string;
239
+ };
240
+ 'horoscope-dragon': {
241
+ value: string;
242
+ };
243
+ 'horoscope-lapin': {
244
+ value: string;
245
+ };
246
+ 'horoscope-lion': {
247
+ value: string;
248
+ };
249
+ 'horoscope-poissons': {
250
+ value: string;
251
+ };
252
+ 'horoscope-serpent': {
253
+ value: string;
254
+ };
255
+ 'horoscope-singe': {
256
+ value: string;
257
+ };
258
+ 'horoscope-taureau': {
259
+ value: string;
260
+ };
261
+ 'horoscope-tigre': {
262
+ value: string;
263
+ };
264
+ };
265
+ zodiac: {
266
+ 'horoscope-balance': {
267
+ value: string;
268
+ };
269
+ 'horoscope-cancer': {
270
+ value: string;
271
+ };
272
+ 'horoscope-capricorne': {
273
+ value: string;
274
+ };
275
+ 'horoscope-gemeaux': {
276
+ value: string;
277
+ };
278
+ 'horoscope-rat': {
279
+ value: string;
280
+ };
281
+ 'horoscope-sagittaire': {
282
+ value: string;
283
+ };
284
+ 'horoscope-scorpion': {
285
+ value: string;
286
+ };
287
+ 'horoscope-verseau': {
288
+ value: string;
289
+ };
290
+ 'horoscope-vierge': {
291
+ value: string;
292
+ };
293
+ };
294
+ };
295
+ };
33
296
  };
34
297
  breakpoint: {
35
298
  xs: {
@@ -261,6 +524,9 @@ export declare const tokenVariables: {
261
524
  auto: {
262
525
  value: string;
263
526
  };
527
+ 'xxs-3': {
528
+ value: string;
529
+ };
264
530
  'xxs-2': {
265
531
  value: string;
266
532
  };