@obolnetwork/obol-ui 1.0.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.
Files changed (52) hide show
  1. package/README.md +34 -0
  2. package/dist/components/atoms/Box/Box.d.ts +472 -0
  3. package/dist/components/atoms/Button/Button.d.ts +495 -0
  4. package/dist/components/atoms/Link/Link.d.ts +493 -0
  5. package/dist/components/atoms/LoadingButton/LoadingButton.d.ts +8 -0
  6. package/dist/components/atoms/Spin/Spin.d.ts +476 -0
  7. package/dist/components/atoms/SvgIcon/SvgIcon.d.ts +480 -0
  8. package/dist/components/atoms/Tabs/Tabs.d.ts +1890 -0
  9. package/dist/components/atoms/Text/Text.d.ts +503 -0
  10. package/dist/components/atoms/index.d.ts +7 -0
  11. package/dist/components/icons/ArrowForward.d.ts +2 -0
  12. package/dist/components/icons/Download.d.ts +2 -0
  13. package/dist/components/icons/OpenInNew.d.ts +2 -0
  14. package/dist/components/icons/index.d.ts +11 -0
  15. package/dist/components/icons/static-icons/CodeIcon.d.ts +1 -0
  16. package/dist/components/icons/static-icons/MenuIcon.d.ts +1 -0
  17. package/dist/components/icons/static-icons/PublicGoodIcon.d.ts +1 -0
  18. package/dist/components/icons/static-icons/TrustMinimisedIcon.d.ts +1 -0
  19. package/dist/components/icons/static-icons/obol/circle/ObolDarkCircle.d.ts +1 -0
  20. package/dist/components/icons/static-icons/obol/circle/ObolLightCircle.d.ts +1 -0
  21. package/dist/components/icons/static-icons/obol/circle/index.d.ts +2 -0
  22. package/dist/components/icons/static-icons/obol/horizontal/ObolDarkBgH.d.ts +1 -0
  23. package/dist/components/icons/static-icons/obol/horizontal/ObolLightBgH.d.ts +1 -0
  24. package/dist/components/icons/static-icons/obol/horizontal/ObolSolidDarkBgH.d.ts +1 -0
  25. package/dist/components/icons/static-icons/obol/horizontal/ObolSolidLightBgH.d.ts +1 -0
  26. package/dist/components/icons/static-icons/obol/horizontal/index.d.ts +4 -0
  27. package/dist/components/icons/static-icons/obol/mark/ObolDarkBgMark.d.ts +1 -0
  28. package/dist/components/icons/static-icons/obol/mark/ObolLightBgMark.d.ts +1 -0
  29. package/dist/components/icons/static-icons/obol/mark/ObolSolidDarkBgMark.d.ts +1 -0
  30. package/dist/components/icons/static-icons/obol/mark/ObolSolidLightBgMark.d.ts +1 -0
  31. package/dist/components/icons/static-icons/obol/mark/index.d.ts +4 -0
  32. package/dist/components/icons/static-icons/obol/vertical/ObolDarkBgV.d.ts +1 -0
  33. package/dist/components/icons/static-icons/obol/vertical/ObolLightBgV.d.ts +1 -0
  34. package/dist/components/icons/static-icons/obol/vertical/ObolSolidDarkBgV.d.ts +1 -0
  35. package/dist/components/icons/static-icons/obol/vertical/ObolSolidLightBgV.d.ts +1 -0
  36. package/dist/components/icons/static-icons/obol/vertical/index.d.ts +4 -0
  37. package/dist/components/molecules/Card/Card.d.ts +9 -0
  38. package/dist/components/molecules/index.d.ts +1 -0
  39. package/dist/components/organisms/HeroSection/HeroSection.d.ts +14 -0
  40. package/dist/components/organisms/hero-section/hero-section.d.ts +14 -0
  41. package/dist/components/organisms/index.d.ts +1 -0
  42. package/dist/components/utils/color-variants.d.ts +59 -0
  43. package/dist/components/utils/hooks/index.d.ts +1 -0
  44. package/dist/components/utils/hooks/use-media-query.d.ts +10 -0
  45. package/dist/components/utils/styles.d.ts +472 -0
  46. package/dist/components/utils/types.d.ts +13 -0
  47. package/dist/index.d.ts +6 -0
  48. package/dist/index.es.js +933 -0
  49. package/dist/index.js +1002 -0
  50. package/dist/scripts/figma-colors.d.ts +1 -0
  51. package/dist/stitches.config.d.ts +3199 -0
  52. package/package.json +55 -0
@@ -0,0 +1,503 @@
1
+ /// <reference types="react" />
2
+ import type * as Stitches from "@stitches/react";
3
+ export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"span", {
4
+ size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
5
+ color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | undefined;
6
+ glow?: boolean | "true" | undefined;
7
+ inline?: boolean | "true" | undefined;
8
+ }, {
9
+ motion: "(prefers-reduced-motion)";
10
+ hover: "(any-hover: hover)";
11
+ dark: "(prefers-color-scheme: dark)";
12
+ light: "(prefers-color-scheme: light)";
13
+ xs: "(max-width: 520px)";
14
+ sm: "(max-width: 900px)";
15
+ md: "(max-width: 1200px)";
16
+ lg: "(max-width: 1800px)";
17
+ }, import("@stitches/react/types/css-util").CSS<{
18
+ motion: "(prefers-reduced-motion)";
19
+ hover: "(any-hover: hover)";
20
+ dark: "(prefers-color-scheme: dark)";
21
+ light: "(prefers-color-scheme: light)";
22
+ xs: "(max-width: 520px)";
23
+ sm: "(max-width: 900px)";
24
+ md: "(max-width: 1200px)";
25
+ lg: "(max-width: 1800px)";
26
+ }, {
27
+ colors: {
28
+ white: string;
29
+ black: string;
30
+ lightBackground: string;
31
+ obolBlue: string;
32
+ primaryBgDefault: string;
33
+ primaryBgDefaultHover: string;
34
+ primaryTextDefault: string;
35
+ secondaryBgDefault: string;
36
+ secondaryBgHover: string;
37
+ grayBgDefault: string;
38
+ gray2BgDefault: string;
39
+ neutralDark: string;
40
+ navButtonBgDefault: string;
41
+ navButtonBgHover: string;
42
+ cardBackgroundDark: string;
43
+ cardBackgroundLight: string;
44
+ textMiddle: string;
45
+ textLight: string;
46
+ textTabHover: string;
47
+ textTabInactive: string;
48
+ textGreenDark: string;
49
+ textGreenLight: string;
50
+ textGreen1: string;
51
+ textGreen2: string;
52
+ textGreen3: string;
53
+ textGreenHover: string;
54
+ textCreateHover: string;
55
+ textGrayHover: string;
56
+ txButton: string;
57
+ obolGreen: string;
58
+ obolGreenHover: string;
59
+ obolGreenLight: string;
60
+ obolDarkDark: string;
61
+ obolDisabled: string;
62
+ linkButtonHover: string;
63
+ coordinate: string;
64
+ coordinateHover: string;
65
+ test: string;
66
+ testHover: string;
67
+ create: string;
68
+ createHover: string;
69
+ light: string;
70
+ body: string;
71
+ muted: string;
72
+ menu: string;
73
+ bg01: string;
74
+ bg02: string;
75
+ bg03: string;
76
+ bg04: string;
77
+ bg05: string;
78
+ };
79
+ space: {
80
+ 1: string;
81
+ 2: string;
82
+ xxxs: string;
83
+ xxs: string;
84
+ xs: string;
85
+ sm: string;
86
+ md: string;
87
+ lg: string;
88
+ xl: string;
89
+ "2xl": string;
90
+ "3xl": string;
91
+ "4xl": string;
92
+ "5xl": string;
93
+ "6xl": string;
94
+ "7xl": string;
95
+ };
96
+ sizes: {
97
+ 1: string;
98
+ 2: string;
99
+ xxxs: string;
100
+ xxs: string;
101
+ xs: string;
102
+ sm: string;
103
+ md: string;
104
+ lg: string;
105
+ xl: string;
106
+ "2xl": string;
107
+ "3xl": string;
108
+ "4xl": string;
109
+ "5xl": string;
110
+ "6xl": string;
111
+ "7xl": string;
112
+ max: string;
113
+ min: string;
114
+ full: string;
115
+ };
116
+ radii: {
117
+ 1: string;
118
+ 2: string;
119
+ 3: string;
120
+ 4: string;
121
+ 5: string;
122
+ round: string;
123
+ pill: string;
124
+ };
125
+ fontSizes: {
126
+ 1: string;
127
+ 2: string;
128
+ 3: string;
129
+ 4: string;
130
+ 5: string;
131
+ 6: string;
132
+ 7: string;
133
+ 8: string;
134
+ 9: string;
135
+ 10: string;
136
+ };
137
+ fontWeights: {
138
+ hairline: number;
139
+ thin: number;
140
+ light: number;
141
+ normal: number;
142
+ medium: number;
143
+ semibold: number;
144
+ bold: number;
145
+ extrabold: number;
146
+ black: number;
147
+ };
148
+ lineHeights: {
149
+ normal: string;
150
+ none: number;
151
+ shorter: number;
152
+ short: number;
153
+ base: number;
154
+ tall: number;
155
+ tall2: number;
156
+ taller: string;
157
+ };
158
+ letterSpacings: {
159
+ tighter: string;
160
+ tight: string;
161
+ normal: string;
162
+ wide: string;
163
+ wider: string;
164
+ widest: string;
165
+ };
166
+ borderWidths: unknown;
167
+ borderStyles: unknown;
168
+ shadows: unknown;
169
+ zIndices: unknown;
170
+ transitions: unknown;
171
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
172
+ p: (value: {
173
+ readonly [Stitches.$$PropertyValue]: "padding";
174
+ }) => {
175
+ padding: {
176
+ readonly [Stitches.$$PropertyValue]: "padding";
177
+ };
178
+ };
179
+ pt: (value: {
180
+ readonly [Stitches.$$PropertyValue]: "paddingTop";
181
+ }) => {
182
+ paddingTop: {
183
+ readonly [Stitches.$$PropertyValue]: "paddingTop";
184
+ };
185
+ };
186
+ pr: (value: {
187
+ readonly [Stitches.$$PropertyValue]: "paddingRight";
188
+ }) => {
189
+ paddingRight: {
190
+ readonly [Stitches.$$PropertyValue]: "paddingRight";
191
+ };
192
+ };
193
+ pb: (value: {
194
+ readonly [Stitches.$$PropertyValue]: "paddingBottom";
195
+ }) => {
196
+ paddingBottom: {
197
+ readonly [Stitches.$$PropertyValue]: "paddingBottom";
198
+ };
199
+ };
200
+ pl: (value: {
201
+ readonly [Stitches.$$PropertyValue]: "paddingLeft";
202
+ }) => {
203
+ paddingLeft: {
204
+ readonly [Stitches.$$PropertyValue]: "paddingLeft";
205
+ };
206
+ };
207
+ px: (value: {
208
+ readonly [Stitches.$$PropertyValue]: "paddingLeft";
209
+ }) => {
210
+ paddingLeft: {
211
+ readonly [Stitches.$$PropertyValue]: "paddingLeft";
212
+ };
213
+ paddingRight: {
214
+ readonly [Stitches.$$PropertyValue]: "paddingLeft";
215
+ };
216
+ };
217
+ py: (value: {
218
+ readonly [Stitches.$$PropertyValue]: "paddingTop";
219
+ }) => {
220
+ paddingTop: {
221
+ readonly [Stitches.$$PropertyValue]: "paddingTop";
222
+ };
223
+ paddingBottom: {
224
+ readonly [Stitches.$$PropertyValue]: "paddingTop";
225
+ };
226
+ };
227
+ m: (value: {
228
+ readonly [Stitches.$$PropertyValue]: "margin";
229
+ }) => {
230
+ margin: {
231
+ readonly [Stitches.$$PropertyValue]: "margin";
232
+ };
233
+ };
234
+ mt: (value: {
235
+ readonly [Stitches.$$PropertyValue]: "marginTop";
236
+ }) => {
237
+ marginTop: {
238
+ readonly [Stitches.$$PropertyValue]: "marginTop";
239
+ };
240
+ };
241
+ mr: (value: {
242
+ readonly [Stitches.$$PropertyValue]: "marginRight";
243
+ }) => {
244
+ marginRight: {
245
+ readonly [Stitches.$$PropertyValue]: "marginRight";
246
+ };
247
+ };
248
+ mb: (value: {
249
+ readonly [Stitches.$$PropertyValue]: "marginBottom";
250
+ }) => {
251
+ marginBottom: {
252
+ readonly [Stitches.$$PropertyValue]: "marginBottom";
253
+ };
254
+ };
255
+ ml: (value: {
256
+ readonly [Stitches.$$PropertyValue]: "marginLeft";
257
+ }) => {
258
+ marginLeft: {
259
+ readonly [Stitches.$$PropertyValue]: "marginLeft";
260
+ };
261
+ };
262
+ mx: (value: {
263
+ readonly [Stitches.$$PropertyValue]: "marginLeft";
264
+ }) => {
265
+ marginLeft: {
266
+ readonly [Stitches.$$PropertyValue]: "marginLeft";
267
+ };
268
+ marginRight: {
269
+ readonly [Stitches.$$PropertyValue]: "marginLeft";
270
+ };
271
+ };
272
+ my: (value: {
273
+ readonly [Stitches.$$PropertyValue]: "marginTop";
274
+ }) => {
275
+ marginTop: {
276
+ readonly [Stitches.$$PropertyValue]: "marginTop";
277
+ };
278
+ marginBottom: {
279
+ readonly [Stitches.$$PropertyValue]: "marginTop";
280
+ };
281
+ };
282
+ ta: (value: {
283
+ readonly [Stitches.$$PropertyValue]: "textAlign";
284
+ }) => {
285
+ textAlign: {
286
+ readonly [Stitches.$$PropertyValue]: "textAlign";
287
+ };
288
+ };
289
+ fd: (value: {
290
+ readonly [Stitches.$$PropertyValue]: "flexDirection";
291
+ }) => {
292
+ flexDirection: {
293
+ readonly [Stitches.$$PropertyValue]: "flexDirection";
294
+ };
295
+ };
296
+ fw: (value: {
297
+ readonly [Stitches.$$PropertyValue]: "flexWrap";
298
+ }) => {
299
+ flexWrap: {
300
+ readonly [Stitches.$$PropertyValue]: "flexWrap";
301
+ };
302
+ };
303
+ ai: (value: {
304
+ readonly [Stitches.$$PropertyValue]: "alignItems";
305
+ }) => {
306
+ alignItems: {
307
+ readonly [Stitches.$$PropertyValue]: "alignItems";
308
+ };
309
+ };
310
+ ac: (value: {
311
+ readonly [Stitches.$$PropertyValue]: "alignContent";
312
+ }) => {
313
+ alignContent: {
314
+ readonly [Stitches.$$PropertyValue]: "alignContent";
315
+ };
316
+ };
317
+ jc: (value: {
318
+ readonly [Stitches.$$PropertyValue]: "justifyContent";
319
+ }) => {
320
+ justifyContent: {
321
+ readonly [Stitches.$$PropertyValue]: "justifyContent";
322
+ };
323
+ };
324
+ as: (value: {
325
+ readonly [Stitches.$$PropertyValue]: "alignSelf";
326
+ }) => {
327
+ alignSelf: {
328
+ readonly [Stitches.$$PropertyValue]: "alignSelf";
329
+ };
330
+ };
331
+ fg: (value: {
332
+ readonly [Stitches.$$PropertyValue]: "flexGrow";
333
+ }) => {
334
+ flexGrow: {
335
+ readonly [Stitches.$$PropertyValue]: "flexGrow";
336
+ };
337
+ };
338
+ fs: (value: {
339
+ readonly [Stitches.$$PropertyValue]: "flexShrink";
340
+ }) => {
341
+ flexShrink: {
342
+ readonly [Stitches.$$PropertyValue]: "flexShrink";
343
+ };
344
+ };
345
+ fb: (value: {
346
+ readonly [Stitches.$$PropertyValue]: "flexBasis";
347
+ }) => {
348
+ flexBasis: {
349
+ readonly [Stitches.$$PropertyValue]: "flexBasis";
350
+ };
351
+ };
352
+ bc: (value: {
353
+ readonly [Stitches.$$PropertyValue]: "backgroundColor";
354
+ }) => {
355
+ backgroundColor: {
356
+ readonly [Stitches.$$PropertyValue]: "backgroundColor";
357
+ };
358
+ };
359
+ br: (value: {
360
+ readonly [Stitches.$$PropertyValue]: "borderRadius";
361
+ }) => {
362
+ borderRadius: {
363
+ readonly [Stitches.$$PropertyValue]: "borderRadius";
364
+ };
365
+ };
366
+ btrr: (value: {
367
+ readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
368
+ }) => {
369
+ borderTopRightRadius: {
370
+ readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
371
+ };
372
+ };
373
+ bbrr: (value: {
374
+ readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
375
+ }) => {
376
+ borderBottomRightRadius: {
377
+ readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
378
+ };
379
+ };
380
+ bblr: (value: {
381
+ readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
382
+ }) => {
383
+ borderBottomLeftRadius: {
384
+ readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
385
+ };
386
+ };
387
+ btlr: (value: {
388
+ readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
389
+ }) => {
390
+ borderTopLeftRadius: {
391
+ readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
392
+ };
393
+ };
394
+ bs: (value: {
395
+ readonly [Stitches.$$PropertyValue]: "boxShadow";
396
+ }) => {
397
+ boxShadow: {
398
+ readonly [Stitches.$$PropertyValue]: "boxShadow";
399
+ };
400
+ };
401
+ lh: (value: {
402
+ readonly [Stitches.$$PropertyValue]: "lineHeight";
403
+ }) => {
404
+ lineHeight: {
405
+ readonly [Stitches.$$PropertyValue]: "lineHeight";
406
+ };
407
+ };
408
+ ox: (value: {
409
+ readonly [Stitches.$$PropertyValue]: "overflowX";
410
+ }) => {
411
+ overflowX: {
412
+ readonly [Stitches.$$PropertyValue]: "overflowX";
413
+ };
414
+ };
415
+ oy: (value: {
416
+ readonly [Stitches.$$PropertyValue]: "overflowY";
417
+ }) => {
418
+ overflowY: {
419
+ readonly [Stitches.$$PropertyValue]: "overflowY";
420
+ };
421
+ };
422
+ pe: (value: {
423
+ readonly [Stitches.$$PropertyValue]: "pointerEvents";
424
+ }) => {
425
+ pointerEvents: {
426
+ readonly [Stitches.$$PropertyValue]: "pointerEvents";
427
+ };
428
+ };
429
+ us: (value: {
430
+ readonly [Stitches.$$PropertyValue]: "userSelect";
431
+ }) => {
432
+ WebkitUserSelect: {
433
+ readonly [Stitches.$$PropertyValue]: "userSelect";
434
+ };
435
+ userSelect: {
436
+ readonly [Stitches.$$PropertyValue]: "userSelect";
437
+ };
438
+ };
439
+ userSelect: (value: {
440
+ readonly [Stitches.$$PropertyValue]: "userSelect";
441
+ }) => {
442
+ WebkitUserSelect: {
443
+ readonly [Stitches.$$PropertyValue]: "userSelect";
444
+ };
445
+ userSelect: {
446
+ readonly [Stitches.$$PropertyValue]: "userSelect";
447
+ };
448
+ };
449
+ size: (value: {
450
+ readonly [Stitches.$$PropertyValue]: "width";
451
+ }) => {
452
+ width: {
453
+ readonly [Stitches.$$PropertyValue]: "width";
454
+ };
455
+ height: {
456
+ readonly [Stitches.$$PropertyValue]: "width";
457
+ };
458
+ };
459
+ appearance: (value: {
460
+ readonly [Stitches.$$PropertyValue]: "appearance";
461
+ }) => {
462
+ WebkitAppearance: {
463
+ readonly [Stitches.$$PropertyValue]: "appearance";
464
+ };
465
+ appearance: {
466
+ readonly [Stitches.$$PropertyValue]: "appearance";
467
+ };
468
+ };
469
+ backgroundClip: (value: {
470
+ readonly [Stitches.$$PropertyValue]: "backgroundClip";
471
+ }) => {
472
+ WebkitBackgroundClip: {
473
+ readonly [Stitches.$$PropertyValue]: "backgroundClip";
474
+ };
475
+ backgroundClip: {
476
+ readonly [Stitches.$$PropertyValue]: "backgroundClip";
477
+ };
478
+ };
479
+ }>>;
480
+ export default Text;
481
+ export declare const TextStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
482
+ size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
483
+ color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | undefined;
484
+ glow?: boolean | "true" | undefined;
485
+ inline?: boolean | "true" | undefined;
486
+ }, {
487
+ motion: "(prefers-reduced-motion)";
488
+ hover: "(any-hover: hover)";
489
+ dark: "(prefers-color-scheme: dark)";
490
+ light: "(prefers-color-scheme: light)";
491
+ xs: "(max-width: 520px)";
492
+ sm: "(max-width: 900px)";
493
+ md: "(max-width: 1200px)";
494
+ lg: "(max-width: 1800px)";
495
+ }>, "color" | "size" | "inline" | "glow"> & {
496
+ size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
497
+ color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | undefined;
498
+ glow?: boolean | undefined;
499
+ inline?: boolean | undefined;
500
+ } & {
501
+ children?: import("react").ReactNode;
502
+ disabled?: boolean | undefined;
503
+ }) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ export * from "./SvgIcon/SvgIcon";
2
+ export * from "./Box/Box";
3
+ export * from "./Button/Button";
4
+ export * from "./Link/Link";
5
+ export * from "./Text/Text";
6
+ export * from "./Spin/Spin";
7
+ export * as Tabs from "./Tabs/Tabs";
@@ -0,0 +1,2 @@
1
+ import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
2
+ export declare const ArrowForward: (props: SvgIconProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
2
+ export declare const Download: (props: SvgIconProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
2
+ export declare const OpenInNew: (props: SvgIconProps) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ export * from "./ArrowForward";
2
+ export * from "./Download";
3
+ export * from "./OpenInNew";
4
+ export * from "./static-icons/obol/circle";
5
+ export * from "./static-icons/obol/horizontal";
6
+ export * from "./static-icons/obol/mark/";
7
+ export * from "./static-icons/obol/vertical";
8
+ export * from './static-icons/CodeIcon';
9
+ export * from './static-icons/MenuIcon';
10
+ export * from './static-icons/PublicGoodIcon';
11
+ export * from './static-icons/TrustMinimisedIcon';
@@ -0,0 +1 @@
1
+ export declare const CodeIcon: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const MenuIcon: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const PublicGoodIcon: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const TrustMinimisedIcon: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolDarkCircle: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolLightCircle: () => JSX.Element;
@@ -0,0 +1,2 @@
1
+ export * from './ObolDarkCircle';
2
+ export * from './ObolLightCircle';
@@ -0,0 +1 @@
1
+ export declare const ObolDarkBgH: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolLightBgH: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolSolidDarkBgH: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolSolidLightBgH: () => JSX.Element;
@@ -0,0 +1,4 @@
1
+ export * from './ObolDarkBgH';
2
+ export * from './ObolLightBgH';
3
+ export * from './ObolSolidDarkBgH';
4
+ export * from './ObolSolidLightBgH';
@@ -0,0 +1 @@
1
+ export declare const ObolDarkBgMark: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolLightBgMark: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolSolidDarkBgMark: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolSolidLightBgMark: () => JSX.Element;
@@ -0,0 +1,4 @@
1
+ export * from './ObolDarkBgMark';
2
+ export * from './ObolLightBgMark';
3
+ export * from './ObolSolidDarkBgMark';
4
+ export * from './ObolSolidLightBgMark';
@@ -0,0 +1 @@
1
+ export declare const ObolDarkBgV: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolLightBgV: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolSolidDarkBgV: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const ObolSolidLightBgV: () => JSX.Element;
@@ -0,0 +1,4 @@
1
+ export * from './ObolDarkBgV';
2
+ export * from './ObolLightBgV';
3
+ export * from './ObolSolidDarkBgV';
4
+ export * from './ObolSolidLightBgV';
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export interface CardProps {
3
+ heading: string;
4
+ image: JSX.Element | string;
5
+ link?: string;
6
+ variant?: "icon" | "image";
7
+ subheading?: string;
8
+ }
9
+ export declare const Card: React.FC<CardProps>;
@@ -0,0 +1 @@
1
+ export * from './Card/Card';
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { CSS } from "../../../stitches.config";
3
+ export interface HeroSectionProps {
4
+ heading: string;
5
+ content: JSX.Element | string;
6
+ children?: React.ReactNode;
7
+ image?: {
8
+ basePath: string;
9
+ mobilePath?: string;
10
+ };
11
+ css?: CSS;
12
+ }
13
+ export declare const HeroSection: React.FC<HeroSectionProps>;
14
+ export default HeroSection;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { CSS } from "../../../stitches.config";
3
+ export interface HeroSectionProps {
4
+ heading: string;
5
+ content: JSX.Element | string;
6
+ children?: React.ReactNode;
7
+ image?: {
8
+ basePath: string;
9
+ mobilePath?: string;
10
+ };
11
+ css?: CSS;
12
+ }
13
+ export declare const HeroSection: React.FC<HeroSectionProps>;
14
+ export default HeroSection;
@@ -0,0 +1 @@
1
+ export * from './HeroSection/HeroSection';