@nypl/web-reader 4.3.0 → 4.3.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 (119) hide show
  1. package/dist/{esm/index.css → index.css} +3 -1
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.ts +532 -0
  4. package/dist/index.js +9381 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/index.mjs +9378 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/dist/injectable-html-styles/ReadiumCSS-after.css +488 -2
  9. package/dist/injectable-html-styles/ReadiumCSS-after.css.map +1 -7
  10. package/dist/injectable-html-styles/ReadiumCSS-after.d.ts +2 -0
  11. package/dist/injectable-html-styles/ReadiumCSS-before.css +648 -2
  12. package/dist/injectable-html-styles/ReadiumCSS-before.css.map +1 -7
  13. package/dist/injectable-html-styles/ReadiumCSS-before.d.ts +2 -0
  14. package/dist/injectable-html-styles/ReadiumCSS-default.css +141 -2
  15. package/dist/injectable-html-styles/ReadiumCSS-default.css.map +1 -7
  16. package/dist/injectable-html-styles/ReadiumCSS-default.d.ts +2 -0
  17. package/package.json +9 -21
  18. package/dist/cjs/index.css +0 -2
  19. package/dist/cjs/index.css.map +0 -7
  20. package/dist/cjs/index.js +0 -340
  21. package/dist/cjs/index.js.map +0 -7
  22. package/dist/esm/index.css.map +0 -7
  23. package/dist/esm/index.js +0 -42173
  24. package/dist/esm/index.js.map +0 -7
  25. package/dist/types/HtmlReader/effects.d.ts +0 -22
  26. package/dist/types/HtmlReader/index.d.ts +0 -3
  27. package/dist/types/HtmlReader/lib.d.ts +0 -107
  28. package/dist/types/HtmlReader/reducer.d.ts +0 -8
  29. package/dist/types/HtmlReader/types.d.ts +0 -116
  30. package/dist/types/HtmlReader/useIframeLinkClick.d.ts +0 -4
  31. package/dist/types/HtmlReader/useLocationQuery.d.ts +0 -8
  32. package/dist/types/HtmlReader/useResource.d.ts +0 -14
  33. package/dist/types/HtmlReader/useUpdateCSS.d.ts +0 -6
  34. package/dist/types/HtmlReader/useUpdateScroll.d.ts +0 -6
  35. package/dist/types/HtmlReader/useWindowResize.d.ts +0 -7
  36. package/dist/types/PdfReader/ChakraPage.d.ts +0 -3
  37. package/dist/types/PdfReader/ScrollPage.d.ts +0 -12
  38. package/dist/types/PdfReader/addTocToManifest.d.ts +0 -10
  39. package/dist/types/PdfReader/index.d.ts +0 -12
  40. package/dist/types/PdfReader/lib.d.ts +0 -26
  41. package/dist/types/PdfReader/reducer.d.ts +0 -3
  42. package/dist/types/PdfReader/types.d.ts +0 -61
  43. package/dist/types/PdfReader/useMeasure.d.ts +0 -7
  44. package/dist/types/Readium/Injectable.d.ts +0 -11
  45. package/dist/types/Readium/Locator.d.ts +0 -20
  46. package/dist/types/WebpubManifestTypes/ConformsTo.d.ts +0 -3
  47. package/dist/types/WebpubManifestTypes/Contributor.d.ts +0 -17
  48. package/dist/types/WebpubManifestTypes/EpubExtension.d.ts +0 -47
  49. package/dist/types/WebpubManifestTypes/LanguageMap.d.ts +0 -3
  50. package/dist/types/WebpubManifestTypes/Metadata.d.ts +0 -47
  51. package/dist/types/WebpubManifestTypes/OPDSLink.d.ts +0 -63
  52. package/dist/types/WebpubManifestTypes/PresentationHints.d.ts +0 -53
  53. package/dist/types/WebpubManifestTypes/ReadiumLink.d.ts +0 -58
  54. package/dist/types/WebpubManifestTypes/Subject.d.ts +0 -16
  55. package/dist/types/WebpubManifestTypes/WebpubManifest.d.ts +0 -14
  56. package/dist/types/constants.d.ts +0 -37
  57. package/dist/types/index.d.ts +0 -17
  58. package/dist/types/types.d.ts +0 -123
  59. package/dist/types/ui/Button.d.ts +0 -9
  60. package/dist/types/ui/ErrorBoundary.d.ts +0 -16
  61. package/dist/types/ui/Footer.d.ts +0 -9
  62. package/dist/types/ui/Header.d.ts +0 -9
  63. package/dist/types/ui/HtmlSettings.d.ts +0 -9
  64. package/dist/types/ui/LoadingSkeleton.d.ts +0 -9
  65. package/dist/types/ui/PageButton.d.ts +0 -7
  66. package/dist/types/ui/PdfSettings.d.ts +0 -8
  67. package/dist/types/ui/SettingsButton.d.ts +0 -5
  68. package/dist/types/ui/TableOfContent.d.ts +0 -7
  69. package/dist/types/ui/ToggleButton.d.ts +0 -14
  70. package/dist/types/ui/ToggleGroup.d.ts +0 -8
  71. package/dist/types/ui/hooks/useColorModeValue.d.ts +0 -7
  72. package/dist/types/ui/hooks/useContainerWidth.d.ts +0 -6
  73. package/dist/types/ui/hooks/useEventListener.d.ts +0 -8
  74. package/dist/types/ui/hooks/useFullScreen.d.ts +0 -7
  75. package/dist/types/ui/icons/Continuous.d.ts +0 -4
  76. package/dist/types/ui/icons/Day.d.ts +0 -4
  77. package/dist/types/ui/icons/EnlargeFont.d.ts +0 -4
  78. package/dist/types/ui/icons/Night.d.ts +0 -4
  79. package/dist/types/ui/icons/Paginated.d.ts +0 -4
  80. package/dist/types/ui/icons/Previous.d.ts +0 -4
  81. package/dist/types/ui/icons/ReaderSettings.d.ts +0 -4
  82. package/dist/types/ui/icons/ReduceFont.d.ts +0 -4
  83. package/dist/types/ui/icons/Reset.d.ts +0 -4
  84. package/dist/types/ui/icons/Sepia.d.ts +0 -4
  85. package/dist/types/ui/icons/TableOfContents.d.ts +0 -4
  86. package/dist/types/ui/icons/ToggleFullScreen.d.ts +0 -4
  87. package/dist/types/ui/icons/ToggleFullScreenExit.d.ts +0 -4
  88. package/dist/types/ui/icons/index.d.ts +0 -14
  89. package/dist/types/ui/manager.d.ts +0 -9
  90. package/dist/types/ui/menu/index.d.ts +0 -10
  91. package/dist/types/ui/menu/menu.d.ts +0 -76
  92. package/dist/types/ui/menu/use-menu.d.ts +0 -2510
  93. package/dist/types/ui/nypl-base-theme/components/button.d.ts +0 -94
  94. package/dist/types/ui/nypl-base-theme/components/checkbox.d.ts +0 -41
  95. package/dist/types/ui/nypl-base-theme/components/form-error.d.ts +0 -14
  96. package/dist/types/ui/nypl-base-theme/components/form-label.d.ts +0 -14
  97. package/dist/types/ui/nypl-base-theme/components/form.d.ts +0 -15
  98. package/dist/types/ui/nypl-base-theme/components/input.d.ts +0 -107
  99. package/dist/types/ui/nypl-base-theme/components/text-area.d.ts +0 -34
  100. package/dist/types/ui/nypl-base-theme/foundations/breakpoints.d.ts +0 -8
  101. package/dist/types/ui/nypl-base-theme/foundations/colors.d.ts +0 -3
  102. package/dist/types/ui/nypl-base-theme/foundations/global.d.ts +0 -13
  103. package/dist/types/ui/nypl-base-theme/foundations/radii.d.ts +0 -12
  104. package/dist/types/ui/nypl-base-theme/foundations/spacing.d.ts +0 -49
  105. package/dist/types/ui/nypl-base-theme/foundations/typography.d.ts +0 -10
  106. package/dist/types/ui/nypl-base-theme/index.d.ts +0 -7
  107. package/dist/types/ui/nypl-base-theme/types.d.ts +0 -1
  108. package/dist/types/ui/theme/components/alert.d.ts +0 -24
  109. package/dist/types/ui/theme/components/button.d.ts +0 -93
  110. package/dist/types/ui/theme/components/text.d.ts +0 -20
  111. package/dist/types/ui/theme/foundations/colors.d.ts +0 -3
  112. package/dist/types/ui/theme/foundations/fonts.d.ts +0 -3
  113. package/dist/types/ui/theme/foundations/typography.d.ts +0 -6
  114. package/dist/types/ui/theme/index.d.ts +0 -12
  115. package/dist/types/ui/theme/types.d.ts +0 -1
  116. package/dist/types/useWebReader.d.ts +0 -7
  117. package/dist/types/utils/fetch.d.ts +0 -4
  118. package/dist/types/utils/getColor.d.ts +0 -2
  119. package/dist/types/utils/localstorage.d.ts +0 -17
@@ -1,94 +0,0 @@
1
- import { Dict } from '../types';
2
- declare const ButtonStyle: {
3
- baseStyle: {
4
- borderRadius: string;
5
- fontWeight: string;
6
- };
7
- sizes: {
8
- lg: {
9
- h: number;
10
- minW: number;
11
- fontSize: string;
12
- px: number;
13
- };
14
- md: {
15
- h: string;
16
- minW: number;
17
- fontSize: string;
18
- px: number;
19
- };
20
- sm: {
21
- h: number;
22
- minW: number;
23
- fontSize: string;
24
- px: number;
25
- };
26
- xs: {
27
- h: number;
28
- minW: number;
29
- fontSize: string;
30
- px: number;
31
- };
32
- };
33
- variants: {
34
- pill: {
35
- border: string;
36
- borderColor: string;
37
- borderRadius: string;
38
- height: number;
39
- px: number;
40
- fontSize: string;
41
- my: string;
42
- };
43
- solid: typeof variantSolid;
44
- secondary: {
45
- border: string;
46
- borderColor: string;
47
- _hover: {
48
- bg: string;
49
- borderColor: string;
50
- };
51
- };
52
- };
53
- defaultProps: {
54
- size: string;
55
- variant: string;
56
- colorScheme: string;
57
- };
58
- };
59
- declare function variantSolid(props: Dict): {
60
- _hover: {
61
- _disabled: {
62
- bg: string;
63
- color: string;
64
- };
65
- };
66
- _disabled: {
67
- bg: string;
68
- color: string;
69
- };
70
- bg: string;
71
- _active: {
72
- bg: string;
73
- };
74
- color?: undefined;
75
- hoverBg?: undefined;
76
- activeBg?: undefined;
77
- } | {
78
- _hover: {
79
- _disabled: {
80
- bg: string;
81
- color: string;
82
- };
83
- };
84
- _disabled: {
85
- bg: string;
86
- color: string;
87
- };
88
- bg: string;
89
- color: string;
90
- hoverBg: string;
91
- activeBg: string;
92
- _active?: undefined;
93
- };
94
- export default ButtonStyle;
@@ -1,41 +0,0 @@
1
- declare const Checkbox: {
2
- baseStyle: {
3
- control: {
4
- borderColor: string;
5
- _hover: {
6
- bg: string;
7
- _disabled: {
8
- bg: string;
9
- };
10
- };
11
- _checked: {
12
- bg: string;
13
- color: string;
14
- borderColor: string;
15
- _hover: {
16
- bg: string;
17
- borderColor: string;
18
- };
19
- };
20
- _disabled: {
21
- bg: string;
22
- borderColor: string;
23
- };
24
- };
25
- label: {
26
- userSelect: string;
27
- fontWeight: string;
28
- _disabled: {
29
- color: string;
30
- opacity: number;
31
- };
32
- };
33
- };
34
- sizes: {};
35
- variants: {};
36
- defaultProps: {
37
- size: string;
38
- colorScheme: string;
39
- };
40
- };
41
- export default Checkbox;
@@ -1,14 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {
3
- text: {
4
- color: string;
5
- mt: number;
6
- fontSize: string;
7
- };
8
- icon: {
9
- marginEnd: string;
10
- color: string;
11
- };
12
- };
13
- };
14
- export default _default;
@@ -1,14 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {
3
- fontSize: string;
4
- marginEnd: number;
5
- mb: number;
6
- fontWeight: string;
7
- transition: string;
8
- opacity: number;
9
- _disabled: {
10
- opacity: number;
11
- };
12
- };
13
- };
14
- export default _default;
@@ -1,15 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {
3
- requiredIndicator: {
4
- marginStart: number;
5
- color: string;
6
- };
7
- helperText: {
8
- mt: number;
9
- color: string;
10
- lineHeight: string;
11
- fontSize: string;
12
- };
13
- };
14
- };
15
- export default _default;
@@ -1,107 +0,0 @@
1
- declare const Input: {
2
- baseStyle: {
3
- field: {
4
- borderRadius: string;
5
- fontSize: string;
6
- _focus: {
7
- borderColor: string;
8
- _hover: {
9
- borderColor: string;
10
- };
11
- };
12
- _placeholder: {
13
- fontStyle: string;
14
- color: string;
15
- };
16
- _invalid: {
17
- borderColor: string;
18
- _placeholder: {
19
- color: string;
20
- };
21
- _hover: {
22
- borderColor: string;
23
- };
24
- };
25
- };
26
- };
27
- sizes: {
28
- lg: {
29
- field: {
30
- fontSize: string;
31
- px: number;
32
- h: number;
33
- borderRadius: string;
34
- };
35
- addon: {
36
- fontSize: string;
37
- px: number;
38
- h: number;
39
- borderRadius: string;
40
- };
41
- };
42
- md: {
43
- field: {
44
- fontSize: string;
45
- px: number;
46
- h: number;
47
- borderRadius: string;
48
- };
49
- addon: {
50
- fontSize: string;
51
- px: number;
52
- h: number;
53
- borderRadius: string;
54
- };
55
- };
56
- sm: {
57
- field: {
58
- fontSize: string;
59
- px: number;
60
- h: number;
61
- borderRadius: string;
62
- };
63
- addon: {
64
- fontSize: string;
65
- px: number;
66
- h: number;
67
- borderRadius: string;
68
- };
69
- };
70
- xs: {
71
- field: {
72
- fontSize: string;
73
- px: number;
74
- h: number;
75
- borderRadius: string;
76
- };
77
- addon: {
78
- fontSize: string;
79
- px: number;
80
- h: number;
81
- borderRadius: string;
82
- };
83
- };
84
- };
85
- variants: {
86
- outline: {
87
- field: {
88
- _disabled: {
89
- bg: string;
90
- };
91
- _focus: {
92
- boxShadow: string;
93
- _hover: {
94
- borderColor: string;
95
- };
96
- };
97
- _invalid: {
98
- boxShadow: string;
99
- };
100
- };
101
- };
102
- };
103
- defaultProps: {
104
- size: string;
105
- };
106
- };
107
- export default Input;
@@ -1,34 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {
3
- _disabled: {
4
- bg: string;
5
- };
6
- };
7
- sizes: {
8
- xs: {
9
- fontSize: string;
10
- px: number;
11
- h: number;
12
- borderRadius: string;
13
- };
14
- sm: {
15
- fontSize: string;
16
- px: number;
17
- h: number;
18
- borderRadius: string;
19
- };
20
- md: {
21
- fontSize: string;
22
- px: number;
23
- h: number;
24
- borderRadius: string;
25
- };
26
- lg: {
27
- fontSize: string;
28
- px: number;
29
- h: number;
30
- borderRadius: string;
31
- };
32
- };
33
- };
34
- export default _default;
@@ -1,8 +0,0 @@
1
- declare const _default: import("@chakra-ui/theme-tools").Breakpoints<{
2
- sm: string;
3
- md: string;
4
- lg: string;
5
- xl: string;
6
- '2xl': string;
7
- }>;
8
- export default _default;
@@ -1,3 +0,0 @@
1
- import { Colors } from '@chakra-ui/react';
2
- declare const colors: Colors;
3
- export default colors;
@@ -1,13 +0,0 @@
1
- declare const global: {
2
- body: {
3
- bg: string;
4
- color: string;
5
- };
6
- a: {
7
- color: string;
8
- _hover: {
9
- textDecoration: string;
10
- };
11
- };
12
- };
13
- export default global;
@@ -1,12 +0,0 @@
1
- declare const radii: {
2
- none: string;
3
- sm: string;
4
- base: string;
5
- md: string;
6
- lg: string;
7
- xl: string;
8
- '2xl': string;
9
- '3xl': string;
10
- full: string;
11
- };
12
- export default radii;
@@ -1,49 +0,0 @@
1
- /**
2
- * A comprehensive spacin scale based on NYPL Design System,
3
- * with intermediate values interpolated. Those marked with comments
4
- * are directly from the NYPL DS.
5
- *
6
- * 1 spacing unit is 4px or 0.25rem.
7
- *
8
- * Mental model: If you need a spacing of 40px, divide it by 4.
9
- * That'll give you 10. Then use it in your component.
10
- */
11
- declare const spacing: {
12
- space: {
13
- px: string;
14
- 0: string;
15
- 0.5: string;
16
- 1: string;
17
- 1.5: string;
18
- 2: string;
19
- 2.5: string;
20
- 3: string;
21
- 3.5: string;
22
- 4: string;
23
- 5: string;
24
- 6: string;
25
- 7: string;
26
- 8: string;
27
- 9: string;
28
- 10: string;
29
- 12: string;
30
- 14: string;
31
- 16: string;
32
- 20: string;
33
- 24: string;
34
- 28: string;
35
- 32: string;
36
- 36: string;
37
- 40: string;
38
- 44: string;
39
- 48: string;
40
- 52: string;
41
- 56: string;
42
- 60: string;
43
- 64: string;
44
- 72: string;
45
- 80: string;
46
- 96: string;
47
- };
48
- };
49
- export default spacing;
@@ -1,10 +0,0 @@
1
- import { Dict } from '../types';
2
- declare type Typography = {
3
- letterSpacings: Dict;
4
- lineHeights: Dict;
5
- fontWeights: Dict;
6
- fonts: Dict;
7
- fontSizes: Dict;
8
- };
9
- declare const typography: Typography;
10
- export default typography;
@@ -1,7 +0,0 @@
1
- import { Dict } from './types';
2
- /**
3
- * See Chakra default theme for shape of theme object:
4
- * https://github.com/chakra-ui/chakra-ui/tree/main/packages/theme
5
- */
6
- declare const theme: Dict<any>;
7
- export default theme;
@@ -1 +0,0 @@
1
- export declare type Dict<T = any> = Record<string, T>;
@@ -1,24 +0,0 @@
1
- declare const Alert: {
2
- baseStyle: {
3
- container: {
4
- px: number;
5
- py: number;
6
- };
7
- title: {
8
- fontWeight: string;
9
- lineHeight: number;
10
- marginEnd: number;
11
- };
12
- description: {
13
- lineHeight: number;
14
- maxWidth: string;
15
- };
16
- icon: {
17
- flexShrink: number;
18
- marginEnd: number;
19
- w: number;
20
- h: number;
21
- };
22
- };
23
- };
24
- export default Alert;
@@ -1,93 +0,0 @@
1
- import { Button } from '@chakra-ui/react';
2
- import React from 'react';
3
- import { GetColor } from '../../../types';
4
- declare const getButtonStyle: (getColor: GetColor) => {
5
- readonly baseStyle: {
6
- readonly borderRadius: "none";
7
- };
8
- readonly sizes: {};
9
- readonly variants: {
10
- readonly solid: (props: React.ComponentProps<typeof Button>) => {
11
- border: string;
12
- borderColor: string;
13
- height: string;
14
- transition: string;
15
- fontSize: number;
16
- letterSpacing: number;
17
- maxWidth: string;
18
- cursor: string;
19
- bgColor: string;
20
- color: string;
21
- _focus: {
22
- bgColor: string;
23
- color: string;
24
- ring: string;
25
- ringInset: string;
26
- };
27
- _hover: {
28
- bgColor: string;
29
- color: string;
30
- _disabled: {
31
- bgColor: string;
32
- };
33
- };
34
- _active: {
35
- bgColor: string;
36
- color: string;
37
- };
38
- _checked: {
39
- bgColor: string;
40
- color: string;
41
- };
42
- _disabled: {
43
- bgColor: string;
44
- };
45
- };
46
- readonly settings: (props: React.ComponentProps<typeof Button>) => {
47
- bgColor: string;
48
- border: string;
49
- color: string;
50
- py: number;
51
- width: number[];
52
- fontSize: number[];
53
- whiteSpace: string[];
54
- p: {
55
- textAlign: string;
56
- };
57
- _active: {
58
- bgColor: import("@chakra-ui/react").ResponsiveValue<import("@chakra-ui/styled-system/dist/declarations/src/utils").Union<import("csstype").Property.Color | "current" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "linkedin.50" | "linkedin.100" | "linkedin.200" | "linkedin.300" | "linkedin.400" | "linkedin.500" | "linkedin.600" | "linkedin.700" | "linkedin.800" | "linkedin.900" | "facebook.50" | "facebook.100" | "facebook.200" | "facebook.300" | "facebook.400" | "facebook.500" | "facebook.600" | "facebook.700" | "facebook.800" | "facebook.900" | "messenger.50" | "messenger.100" | "messenger.200" | "messenger.300" | "messenger.400" | "messenger.500" | "messenger.600" | "messenger.700" | "messenger.800" | "messenger.900" | "whatsapp.50" | "whatsapp.100" | "whatsapp.200" | "whatsapp.300" | "whatsapp.400" | "whatsapp.500" | "whatsapp.600" | "whatsapp.700" | "whatsapp.800" | "whatsapp.900" | "twitter.50" | "twitter.100" | "twitter.200" | "twitter.300" | "twitter.400" | "twitter.500" | "twitter.600" | "twitter.700" | "twitter.800" | "twitter.900" | "telegram.50" | "telegram.100" | "telegram.200" | "telegram.300" | "telegram.400" | "telegram.500" | "telegram.600" | "telegram.700" | "telegram.800" | "telegram.900">> | undefined;
59
- };
60
- _checked: {
61
- color: string;
62
- bgColor: string;
63
- borderBottomColor: string;
64
- p: {
65
- textDecoration: string;
66
- textUnderlinePosition: string;
67
- };
68
- };
69
- _hover: {
70
- bgColor: import("@chakra-ui/react").ResponsiveValue<import("@chakra-ui/styled-system/dist/declarations/src/utils").Union<import("csstype").Property.Color | "current" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "linkedin.50" | "linkedin.100" | "linkedin.200" | "linkedin.300" | "linkedin.400" | "linkedin.500" | "linkedin.600" | "linkedin.700" | "linkedin.800" | "linkedin.900" | "facebook.50" | "facebook.100" | "facebook.200" | "facebook.300" | "facebook.400" | "facebook.500" | "facebook.600" | "facebook.700" | "facebook.800" | "facebook.900" | "messenger.50" | "messenger.100" | "messenger.200" | "messenger.300" | "messenger.400" | "messenger.500" | "messenger.600" | "messenger.700" | "messenger.800" | "messenger.900" | "whatsapp.50" | "whatsapp.100" | "whatsapp.200" | "whatsapp.300" | "whatsapp.400" | "whatsapp.500" | "whatsapp.600" | "whatsapp.700" | "whatsapp.800" | "whatsapp.900" | "twitter.50" | "twitter.100" | "twitter.200" | "twitter.300" | "twitter.400" | "twitter.500" | "twitter.600" | "twitter.700" | "twitter.800" | "twitter.900" | "telegram.50" | "telegram.100" | "telegram.200" | "telegram.300" | "telegram.400" | "telegram.500" | "telegram.600" | "telegram.700" | "telegram.800" | "telegram.900">> | undefined;
71
- };
72
- _focus: {
73
- bgColor: import("@chakra-ui/react").ResponsiveValue<import("@chakra-ui/styled-system/dist/declarations/src/utils").Union<import("csstype").Property.Color | "current" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "linkedin.50" | "linkedin.100" | "linkedin.200" | "linkedin.300" | "linkedin.400" | "linkedin.500" | "linkedin.600" | "linkedin.700" | "linkedin.800" | "linkedin.900" | "facebook.50" | "facebook.100" | "facebook.200" | "facebook.300" | "facebook.400" | "facebook.500" | "facebook.600" | "facebook.700" | "facebook.800" | "facebook.900" | "messenger.50" | "messenger.100" | "messenger.200" | "messenger.300" | "messenger.400" | "messenger.500" | "messenger.600" | "messenger.700" | "messenger.800" | "messenger.900" | "whatsapp.50" | "whatsapp.100" | "whatsapp.200" | "whatsapp.300" | "whatsapp.400" | "whatsapp.500" | "whatsapp.600" | "whatsapp.700" | "whatsapp.800" | "whatsapp.900" | "twitter.50" | "twitter.100" | "twitter.200" | "twitter.300" | "twitter.400" | "twitter.500" | "twitter.600" | "twitter.700" | "twitter.800" | "twitter.900" | "telegram.50" | "telegram.100" | "telegram.200" | "telegram.300" | "telegram.400" | "telegram.500" | "telegram.600" | "telegram.700" | "telegram.800" | "telegram.900">> | undefined;
74
- ring: string;
75
- ringInset: string;
76
- };
77
- borderColor: string;
78
- height: string;
79
- transition: string;
80
- letterSpacing: number;
81
- maxWidth: string;
82
- cursor: string;
83
- _disabled: {
84
- bgColor: string;
85
- };
86
- };
87
- };
88
- readonly defaultProps: {
89
- readonly size: "sm";
90
- readonly variant: "solid";
91
- };
92
- };
93
- export default getButtonStyle;
@@ -1,20 +0,0 @@
1
- declare const TextStyle: {
2
- baseStyle: {};
3
- sizes: {};
4
- variants: {
5
- headerNav: typeof variantHeaderNav;
6
- };
7
- defaultProps: {};
8
- };
9
- declare function variantHeaderNav(): {
10
- readonly my: 0;
11
- readonly letterSpacing: 1;
12
- readonly fontSize: 0;
13
- readonly display: {
14
- readonly sm: "none";
15
- readonly md: "none";
16
- readonly lg: "inline-block";
17
- };
18
- readonly verticalAlign: "middle";
19
- };
20
- export default TextStyle;
@@ -1,3 +0,0 @@
1
- import { Colors } from '@chakra-ui/react';
2
- declare const colors: Colors;
3
- export default colors;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Fonts: () => JSX.Element;
3
- export default Fonts;
@@ -1,6 +0,0 @@
1
- import { Dict } from '../types';
2
- declare type Fonts = {
3
- fonts: Dict;
4
- };
5
- declare const typography: Fonts;
6
- export default typography;
@@ -1,12 +0,0 @@
1
- import { ColorMode } from '../../types';
2
- import { Dict } from './types';
3
- /**
4
- * See Chakra default theme for shape of theme object:
5
- * https://github.com/chakra-ui/chakra-ui/tree/main/packages/theme
6
- *
7
- * Making this a function because we need to adjust the theme based
8
- * on the colorMode that's being passed in.
9
- *
10
- * Returns the chakra theme object with an additional property `currentColorMode`
11
- */
12
- export declare function getTheme(colorMode?: ColorMode): Dict<unknown>;
@@ -1 +0,0 @@
1
- export declare type Dict<T = any> = Record<string, T>;
@@ -1,7 +0,0 @@
1
- import { UseWebReaderArguments, HTMLActiveReader, LoadingReader, PDFActiveReader } from './types';
2
- /**
3
- * The React hook that exposes the main API into the reader. It
4
- * will determine the type of the webpub, and then use the correct reader
5
- * for that type.
6
- */
7
- export default function useWebReader(args: UseWebReaderArguments): HTMLActiveReader | PDFActiveReader | LoadingReader;
@@ -1,4 +0,0 @@
1
- /**
2
- * Utilities for fetching specific types
3
- */
4
- export declare function fetchJson<ExpectedResponse extends unknown = unknown>(url: string): Promise<ExpectedResponse>;
@@ -1,2 +0,0 @@
1
- import { ColorMode } from '../types';
2
- export declare function getColor(colorMode: ColorMode): (light: string, dark: string, sepia: string) => string;
@@ -1,17 +0,0 @@
1
- import { HtmlState } from '../HtmlReader/types';
2
- import { Locator } from '../Readium/Locator';
3
- import { ReaderArguments, ReaderSettings } from '../types';
4
- export declare type LSLocation = {
5
- location: Locator;
6
- createdAt: number;
7
- };
8
- export declare type LSLocationsRecord = Record<string, LSLocation>;
9
- /**
10
- * Use getLocalStorageLocation to get the location when
11
- * initializing the reducer. useUpdateLocalStorage will set
12
- * values in local storage as they change.
13
- */
14
- export declare function getLocalStorageLocation(identifier: string, args: ReaderArguments): LSLocation | undefined;
15
- export declare function getLocalStorageSettings(args: ReaderArguments): ReaderSettings | undefined;
16
- export default function useUpdateLocalStorage(identifier: string | null, state: HtmlState, args: ReaderArguments): void;
17
- export declare function clearWebReaderLocalStorage(): void;