@everlywell/ui-kit 0.0.3-menu-next → 0.0.4-menu-next

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 (16) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/index.d.mts +2 -0
  3. package/index.d.ts +2 -0
  4. package/index.js +28 -2
  5. package/index.mjs +2002 -66075
  6. package/lib/theme/accessibility/VisuallyHidden/VisuallyHidden.d.ts +2 -0
  7. package/lib/theme/actions/Button/Button.config.d.ts +1 -1
  8. package/lib/theme/actions/Menu/Menu.config.d.ts +18 -9
  9. package/lib/theme/foundations/colors.d.ts +13 -0
  10. package/lib/theme/index.d.ts +47 -23
  11. package/lib/theme/layout/Show-Hide/Show-Hide.d.ts +5 -0
  12. package/lib/theme/navigation/Link/Link.config.d.ts +3 -3
  13. package/lib/theme/overlay/Drawer/Drawer.config.d.ts +3 -3
  14. package/lib/theme/typography/Heading/Heading.config.d.ts +5 -4
  15. package/lib/theme/typography/Text/Text.config.d.ts +3 -2
  16. package/package.json +1 -1
package/lib/theme/accessibility/VisuallyHidden/VisuallyHidden.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { VisuallyHidden as ChakraVisuallyHidden } from '@chakra-ui/react';
2
+ export default ChakraVisuallyHidden;
package/lib/theme/actions/Button/Button.config.d.ts CHANGED
@@ -87,7 +87,7 @@ declare const _default: {
87
87
  };
88
88
  } | undefined;
89
89
  defaultProps?: {
90
- size?: "wide" | "sm" | "md" | undefined;
90
+ size?: "sm" | "md" | "wide" | undefined;
91
91
  variant?: "primary" | "secondary" | undefined;
92
92
  colorScheme?: string | undefined;
93
93
  } | undefined;
package/lib/theme/actions/Menu/Menu.config.d.ts CHANGED
@@ -4,6 +4,9 @@ declare const _default: {
4
4
  list: {
5
5
  boxShadow: string;
6
6
  backgroundColor: string;
7
+ border: string;
8
+ borderColor: string;
9
+ borderRadius: string;
7
10
  };
8
11
  item: {
9
12
  fontWeight: string;
@@ -17,6 +20,12 @@ declare const _default: {
17
20
  color: string;
18
21
  cursor: string;
19
22
  };
23
+ _first: {
24
+ borderTopRadius: string;
25
+ };
26
+ _last: {
27
+ borderBottomRadius: string;
28
+ };
20
29
  };
21
30
  groupTitle: {
22
31
  color: string;
@@ -34,14 +43,14 @@ declare const _default: {
34
43
  sm: {
35
44
  button: {};
36
45
  item: {
37
- fontSize: ("sm" | "md")[];
38
- paddingY: string;
46
+ fontSize: ("sm" | "2xs")[];
39
47
  paddingX: string;
48
+ paddingY: string;
40
49
  };
41
50
  groupTitle: {
42
51
  fontSize: ("md" | "lg")[];
43
- paddingY: string;
44
52
  paddingX: string;
53
+ paddingY: string;
45
54
  };
46
55
  divider: {
47
56
  marginY: string;
@@ -49,24 +58,24 @@ declare const _default: {
49
58
  };
50
59
  md: {
51
60
  item: {
52
- fontSize: ("lg" | "xl")[];
53
- paddingY: string;
61
+ fontSize: ("lg" | "3xs")[];
54
62
  paddingX: string;
63
+ paddingY: string;
55
64
  };
56
65
  groupTitle: {
57
- fontSize: ("xl" | "2xl")[];
58
- paddingY: string;
66
+ fontSize: ("lg" | "xl")[];
59
67
  paddingX: string;
68
+ paddingY: string;
60
69
  };
61
70
  };
62
71
  lg: {
63
72
  item: {
64
- fontSize: ("2xl" | "3xl")[];
73
+ fontSize: ("xl" | "2xl")[];
65
74
  paddingX: string;
66
75
  paddingY: string;
67
76
  };
68
77
  groupTitle: {
69
- fontSize: ("4xl" | "5xl")[];
78
+ fontSize: ("3xl" | "4xl")[];
70
79
  paddingX: string;
71
80
  paddingY: string;
72
81
  };
package/lib/theme/foundations/colors.d.ts CHANGED
@@ -1,4 +1,17 @@
1
1
  declare const colors: {
2
+ white: {
3
+ base: string;
4
+ 50: string;
5
+ 100: string;
6
+ 200: string;
7
+ 300: string;
8
+ 400: string;
9
+ 500: string;
10
+ 600: string;
11
+ 700: string;
12
+ 800: string;
13
+ 900: string;
14
+ };
2
15
  tints: {
3
16
  black: string;
4
17
  darkGrey: string;
package/lib/theme/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const theme: {
2
2
  breakpoints: {
3
- mobile: string;
3
+ base: string;
4
4
  tablet: string;
5
5
  largeTablet: string;
6
6
  desktop: string;
@@ -117,6 +117,19 @@ export declare const theme: {
117
117
  tooltip: number;
118
118
  };
119
119
  colors: {
120
+ white: {
121
+ base: string;
122
+ 50: string;
123
+ 100: string;
124
+ 200: string;
125
+ 300: string;
126
+ 400: string;
127
+ 500: string;
128
+ 600: string;
129
+ 700: string;
130
+ 800: string;
131
+ 900: string;
132
+ };
120
133
  tints: {
121
134
  black: string;
122
135
  darkGrey: string;
@@ -287,7 +300,7 @@ export declare const theme: {
287
300
  };
288
301
  } | undefined;
289
302
  defaultProps?: {
290
- size?: "wide" | "sm" | "md" | undefined;
303
+ size?: "sm" | "md" | "wide" | undefined;
291
304
  variant?: "primary" | "secondary" | undefined;
292
305
  colorScheme?: string | undefined;
293
306
  } | undefined;
@@ -295,8 +308,8 @@ export declare const theme: {
295
308
  Drawer: {
296
309
  baseStyle?: {
297
310
  overlay: {
298
- bg: string;
299
- backgroundImage: string;
311
+ zIndex: string;
312
+ bg: (theme: Record<string, any>) => string;
300
313
  };
301
314
  dialogContainer: {
302
315
  zIndex: string;
@@ -357,7 +370,7 @@ export declare const theme: {
357
370
  }>;
358
371
  } | undefined;
359
372
  defaultProps?: {
360
- size?: "full" | "partial" | undefined;
373
+ size?: "partial" | "full" | undefined;
361
374
  variant?: string | number | undefined;
362
375
  colorScheme?: string | undefined;
363
376
  } | undefined;
@@ -365,8 +378,9 @@ export declare const theme: {
365
378
  };
366
379
  Heading: {
367
380
  baseStyle?: {
368
- fontFamily: (theme: Record<string, any>) => string;
381
+ fontFamily: string;
369
382
  fontWeight: string;
383
+ color: string;
370
384
  } | undefined;
371
385
  sizes?: {
372
386
  '3xl': {
@@ -382,19 +396,19 @@ export declare const theme: {
382
396
  lineHeight: string;
383
397
  };
384
398
  lg: {
385
- fontFamily: (theme: Record<string, any>) => string;
399
+ fontFamily: string;
386
400
  fontWeight: string;
387
401
  fontSize: ("3xl" | "6xl")[];
388
402
  lineHeight: string;
389
403
  };
390
404
  md: {
391
- fontFamily: (theme: Record<string, any>) => string;
405
+ fontFamily: string;
392
406
  fontWeight: string;
393
407
  fontSize: ("2xl" | "4xl")[];
394
408
  lineHeight: string;
395
409
  };
396
410
  sm: {
397
- fontFamily: (theme: Record<string, any>) => string;
411
+ fontFamily: string;
398
412
  fontWeight: string;
399
413
  fontSize: ("lg" | "3xl")[];
400
414
  lineHeight: string;
@@ -440,15 +454,15 @@ export declare const theme: {
440
454
  } | undefined;
441
455
  sizes?: {
442
456
  sm: {
443
- fontSize: ("3xs" | "xs")[];
457
+ fontSize: ("sm" | "xs")[];
444
458
  lineHeight: string;
445
459
  };
446
460
  md: {
447
- fontSize: ("2xs" | "sm")[];
461
+ fontSize: ("sm" | "md")[];
448
462
  lineHeight: string;
449
463
  };
450
464
  lg: {
451
- fontSize: ("xs" | "md")[];
465
+ fontSize: ("md" | "lg")[];
452
466
  lineHeight: string;
453
467
  };
454
468
  } | undefined;
@@ -461,6 +475,7 @@ export declare const theme: {
461
475
  };
462
476
  Text: {
463
477
  baseStyle?: {
478
+ fontFamily: string;
464
479
  fontWeight: string;
465
480
  lineHeight: string;
466
481
  letterSpacing: string;
@@ -472,7 +487,7 @@ export declare const theme: {
472
487
  fontSize: ("2xs" | "xs")[];
473
488
  };
474
489
  sm: {
475
- fontSize: ("xs" | "sm")[];
490
+ fontSize: ("sm" | "xs")[];
476
491
  };
477
492
  md: {
478
493
  fontSize: ("sm" | "md")[];
@@ -489,7 +504,7 @@ export declare const theme: {
489
504
  [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
490
505
  } | undefined;
491
506
  defaultProps?: {
492
- size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
507
+ size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
493
508
  variant?: string | number | undefined;
494
509
  colorScheme?: string | undefined;
495
510
  } | undefined;
@@ -500,6 +515,9 @@ export declare const theme: {
500
515
  list: {
501
516
  boxShadow: string;
502
517
  backgroundColor: string;
518
+ border: string;
519
+ borderColor: string;
520
+ borderRadius: string;
503
521
  };
504
522
  item: {
505
523
  fontWeight: string;
@@ -513,6 +531,12 @@ export declare const theme: {
513
531
  color: string;
514
532
  cursor: string;
515
533
  };
534
+ _first: {
535
+ borderTopRadius: string;
536
+ };
537
+ _last: {
538
+ borderBottomRadius: string;
539
+ };
516
540
  };
517
541
  groupTitle: {
518
542
  color: string;
@@ -530,14 +554,14 @@ export declare const theme: {
530
554
  sm: {
531
555
  button: {};
532
556
  item: {
533
- fontSize: ("sm" | "md")[];
534
- paddingY: string;
557
+ fontSize: ("sm" | "2xs")[];
535
558
  paddingX: string;
559
+ paddingY: string;
536
560
  };
537
561
  groupTitle: {
538
562
  fontSize: ("md" | "lg")[];
539
- paddingY: string;
540
563
  paddingX: string;
564
+ paddingY: string;
541
565
  };
542
566
  divider: {
543
567
  marginY: string;
@@ -545,24 +569,24 @@ export declare const theme: {
545
569
  };
546
570
  md: {
547
571
  item: {
548
- fontSize: ("lg" | "xl")[];
549
- paddingY: string;
572
+ fontSize: ("lg" | "3xs")[];
550
573
  paddingX: string;
574
+ paddingY: string;
551
575
  };
552
576
  groupTitle: {
553
- fontSize: ("xl" | "2xl")[];
554
- paddingY: string;
577
+ fontSize: ("lg" | "xl")[];
555
578
  paddingX: string;
579
+ paddingY: string;
556
580
  };
557
581
  };
558
582
  lg: {
559
583
  item: {
560
- fontSize: ("2xl" | "3xl")[];
584
+ fontSize: ("xl" | "2xl")[];
561
585
  paddingX: string;
562
586
  paddingY: string;
563
587
  };
564
588
  groupTitle: {
565
- fontSize: ("4xl" | "5xl")[];
589
+ fontSize: ("3xl" | "4xl")[];
566
590
  paddingX: string;
567
591
  paddingY: string;
568
592
  };
package/lib/theme/layout/Show-Hide/Show-Hide.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Show as ChakraShow, ShowProps as ChakraShowProps, Hide as ChakraHide, HideProps as ChakraHideProps } from '@chakra-ui/react';
2
+ export type ShowProps = ChakraShowProps;
3
+ export type HideProps = ChakraHideProps;
4
+ export declare const Show: typeof ChakraShow;
5
+ export declare const Hide: typeof ChakraHide;
package/lib/theme/navigation/Link/Link.config.d.ts CHANGED
@@ -9,15 +9,15 @@ declare const _default: {
9
9
  } | undefined;
10
10
  sizes?: {
11
11
  sm: {
12
- fontSize: ("3xs" | "xs")[];
12
+ fontSize: ("sm" | "xs")[];
13
13
  lineHeight: string;
14
14
  };
15
15
  md: {
16
- fontSize: ("2xs" | "sm")[];
16
+ fontSize: ("sm" | "md")[];
17
17
  lineHeight: string;
18
18
  };
19
19
  lg: {
20
- fontSize: ("xs" | "md")[];
20
+ fontSize: ("md" | "lg")[];
21
21
  lineHeight: string;
22
22
  };
23
23
  } | undefined;
package/lib/theme/overlay/Drawer/Drawer.config.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  declare const _default: {
2
2
  baseStyle?: {
3
3
  overlay: {
4
- bg: string;
5
- backgroundImage: string;
4
+ zIndex: string;
5
+ bg: (theme: Record<string, any>) => string;
6
6
  };
7
7
  dialogContainer: {
8
8
  zIndex: string;
@@ -63,7 +63,7 @@ declare const _default: {
63
63
  }>;
64
64
  } | undefined;
65
65
  defaultProps?: {
66
- size?: "full" | "partial" | undefined;
66
+ size?: "partial" | "full" | undefined;
67
67
  variant?: string | number | undefined;
68
68
  colorScheme?: string | undefined;
69
69
  } | undefined;
package/lib/theme/typography/Heading/Heading.config.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  declare const _default: {
2
2
  baseStyle?: {
3
- fontFamily: (theme: Record<string, any>) => string;
3
+ fontFamily: string;
4
4
  fontWeight: string;
5
+ color: string;
5
6
  } | undefined;
6
7
  sizes?: {
7
8
  '3xl': {
@@ -17,19 +18,19 @@ declare const _default: {
17
18
  lineHeight: string;
18
19
  };
19
20
  lg: {
20
- fontFamily: (theme: Record<string, any>) => string;
21
+ fontFamily: string;
21
22
  fontWeight: string;
22
23
  fontSize: ("3xl" | "6xl")[];
23
24
  lineHeight: string;
24
25
  };
25
26
  md: {
26
- fontFamily: (theme: Record<string, any>) => string;
27
+ fontFamily: string;
27
28
  fontWeight: string;
28
29
  fontSize: ("2xl" | "4xl")[];
29
30
  lineHeight: string;
30
31
  };
31
32
  sm: {
32
- fontFamily: (theme: Record<string, any>) => string;
33
+ fontFamily: string;
33
34
  fontWeight: string;
34
35
  fontSize: ("lg" | "3xl")[];
35
36
  lineHeight: string;
package/lib/theme/typography/Text/Text.config.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  declare const _default: {
2
2
  baseStyle?: {
3
+ fontFamily: string;
3
4
  fontWeight: string;
4
5
  lineHeight: string;
5
6
  letterSpacing: string;
@@ -11,7 +12,7 @@ declare const _default: {
11
12
  fontSize: ("2xs" | "xs")[];
12
13
  };
13
14
  sm: {
14
- fontSize: ("xs" | "sm")[];
15
+ fontSize: ("sm" | "xs")[];
15
16
  };
16
17
  md: {
17
18
  fontSize: ("sm" | "md")[];
@@ -28,7 +29,7 @@ declare const _default: {
28
29
  [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
29
30
  } | undefined;
30
31
  defaultProps?: {
31
- size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
32
+ size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
32
33
  variant?: string | number | undefined;
33
34
  colorScheme?: string | undefined;
34
35
  } | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everlywell/ui-kit",
3
- "version": "0.0.3-menu-next",
3
+ "version": "0.0.4-menu-next",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {