@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.
- package/dist/{esm/index.css → index.css} +3 -1
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +532 -0
- package/dist/index.js +9381 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +9378 -0
- package/dist/index.mjs.map +1 -0
- package/dist/injectable-html-styles/ReadiumCSS-after.css +488 -2
- package/dist/injectable-html-styles/ReadiumCSS-after.css.map +1 -7
- package/dist/injectable-html-styles/ReadiumCSS-after.d.ts +2 -0
- package/dist/injectable-html-styles/ReadiumCSS-before.css +648 -2
- package/dist/injectable-html-styles/ReadiumCSS-before.css.map +1 -7
- package/dist/injectable-html-styles/ReadiumCSS-before.d.ts +2 -0
- package/dist/injectable-html-styles/ReadiumCSS-default.css +141 -2
- package/dist/injectable-html-styles/ReadiumCSS-default.css.map +1 -7
- package/dist/injectable-html-styles/ReadiumCSS-default.d.ts +2 -0
- package/package.json +9 -21
- package/dist/cjs/index.css +0 -2
- package/dist/cjs/index.css.map +0 -7
- package/dist/cjs/index.js +0 -340
- package/dist/cjs/index.js.map +0 -7
- package/dist/esm/index.css.map +0 -7
- package/dist/esm/index.js +0 -42173
- package/dist/esm/index.js.map +0 -7
- package/dist/types/HtmlReader/effects.d.ts +0 -22
- package/dist/types/HtmlReader/index.d.ts +0 -3
- package/dist/types/HtmlReader/lib.d.ts +0 -107
- package/dist/types/HtmlReader/reducer.d.ts +0 -8
- package/dist/types/HtmlReader/types.d.ts +0 -116
- package/dist/types/HtmlReader/useIframeLinkClick.d.ts +0 -4
- package/dist/types/HtmlReader/useLocationQuery.d.ts +0 -8
- package/dist/types/HtmlReader/useResource.d.ts +0 -14
- package/dist/types/HtmlReader/useUpdateCSS.d.ts +0 -6
- package/dist/types/HtmlReader/useUpdateScroll.d.ts +0 -6
- package/dist/types/HtmlReader/useWindowResize.d.ts +0 -7
- package/dist/types/PdfReader/ChakraPage.d.ts +0 -3
- package/dist/types/PdfReader/ScrollPage.d.ts +0 -12
- package/dist/types/PdfReader/addTocToManifest.d.ts +0 -10
- package/dist/types/PdfReader/index.d.ts +0 -12
- package/dist/types/PdfReader/lib.d.ts +0 -26
- package/dist/types/PdfReader/reducer.d.ts +0 -3
- package/dist/types/PdfReader/types.d.ts +0 -61
- package/dist/types/PdfReader/useMeasure.d.ts +0 -7
- package/dist/types/Readium/Injectable.d.ts +0 -11
- package/dist/types/Readium/Locator.d.ts +0 -20
- package/dist/types/WebpubManifestTypes/ConformsTo.d.ts +0 -3
- package/dist/types/WebpubManifestTypes/Contributor.d.ts +0 -17
- package/dist/types/WebpubManifestTypes/EpubExtension.d.ts +0 -47
- package/dist/types/WebpubManifestTypes/LanguageMap.d.ts +0 -3
- package/dist/types/WebpubManifestTypes/Metadata.d.ts +0 -47
- package/dist/types/WebpubManifestTypes/OPDSLink.d.ts +0 -63
- package/dist/types/WebpubManifestTypes/PresentationHints.d.ts +0 -53
- package/dist/types/WebpubManifestTypes/ReadiumLink.d.ts +0 -58
- package/dist/types/WebpubManifestTypes/Subject.d.ts +0 -16
- package/dist/types/WebpubManifestTypes/WebpubManifest.d.ts +0 -14
- package/dist/types/constants.d.ts +0 -37
- package/dist/types/index.d.ts +0 -17
- package/dist/types/types.d.ts +0 -123
- package/dist/types/ui/Button.d.ts +0 -9
- package/dist/types/ui/ErrorBoundary.d.ts +0 -16
- package/dist/types/ui/Footer.d.ts +0 -9
- package/dist/types/ui/Header.d.ts +0 -9
- package/dist/types/ui/HtmlSettings.d.ts +0 -9
- package/dist/types/ui/LoadingSkeleton.d.ts +0 -9
- package/dist/types/ui/PageButton.d.ts +0 -7
- package/dist/types/ui/PdfSettings.d.ts +0 -8
- package/dist/types/ui/SettingsButton.d.ts +0 -5
- package/dist/types/ui/TableOfContent.d.ts +0 -7
- package/dist/types/ui/ToggleButton.d.ts +0 -14
- package/dist/types/ui/ToggleGroup.d.ts +0 -8
- package/dist/types/ui/hooks/useColorModeValue.d.ts +0 -7
- package/dist/types/ui/hooks/useContainerWidth.d.ts +0 -6
- package/dist/types/ui/hooks/useEventListener.d.ts +0 -8
- package/dist/types/ui/hooks/useFullScreen.d.ts +0 -7
- package/dist/types/ui/icons/Continuous.d.ts +0 -4
- package/dist/types/ui/icons/Day.d.ts +0 -4
- package/dist/types/ui/icons/EnlargeFont.d.ts +0 -4
- package/dist/types/ui/icons/Night.d.ts +0 -4
- package/dist/types/ui/icons/Paginated.d.ts +0 -4
- package/dist/types/ui/icons/Previous.d.ts +0 -4
- package/dist/types/ui/icons/ReaderSettings.d.ts +0 -4
- package/dist/types/ui/icons/ReduceFont.d.ts +0 -4
- package/dist/types/ui/icons/Reset.d.ts +0 -4
- package/dist/types/ui/icons/Sepia.d.ts +0 -4
- package/dist/types/ui/icons/TableOfContents.d.ts +0 -4
- package/dist/types/ui/icons/ToggleFullScreen.d.ts +0 -4
- package/dist/types/ui/icons/ToggleFullScreenExit.d.ts +0 -4
- package/dist/types/ui/icons/index.d.ts +0 -14
- package/dist/types/ui/manager.d.ts +0 -9
- package/dist/types/ui/menu/index.d.ts +0 -10
- package/dist/types/ui/menu/menu.d.ts +0 -76
- package/dist/types/ui/menu/use-menu.d.ts +0 -2510
- package/dist/types/ui/nypl-base-theme/components/button.d.ts +0 -94
- package/dist/types/ui/nypl-base-theme/components/checkbox.d.ts +0 -41
- package/dist/types/ui/nypl-base-theme/components/form-error.d.ts +0 -14
- package/dist/types/ui/nypl-base-theme/components/form-label.d.ts +0 -14
- package/dist/types/ui/nypl-base-theme/components/form.d.ts +0 -15
- package/dist/types/ui/nypl-base-theme/components/input.d.ts +0 -107
- package/dist/types/ui/nypl-base-theme/components/text-area.d.ts +0 -34
- package/dist/types/ui/nypl-base-theme/foundations/breakpoints.d.ts +0 -8
- package/dist/types/ui/nypl-base-theme/foundations/colors.d.ts +0 -3
- package/dist/types/ui/nypl-base-theme/foundations/global.d.ts +0 -13
- package/dist/types/ui/nypl-base-theme/foundations/radii.d.ts +0 -12
- package/dist/types/ui/nypl-base-theme/foundations/spacing.d.ts +0 -49
- package/dist/types/ui/nypl-base-theme/foundations/typography.d.ts +0 -10
- package/dist/types/ui/nypl-base-theme/index.d.ts +0 -7
- package/dist/types/ui/nypl-base-theme/types.d.ts +0 -1
- package/dist/types/ui/theme/components/alert.d.ts +0 -24
- package/dist/types/ui/theme/components/button.d.ts +0 -93
- package/dist/types/ui/theme/components/text.d.ts +0 -20
- package/dist/types/ui/theme/foundations/colors.d.ts +0 -3
- package/dist/types/ui/theme/foundations/fonts.d.ts +0 -3
- package/dist/types/ui/theme/foundations/typography.d.ts +0 -6
- package/dist/types/ui/theme/index.d.ts +0 -12
- package/dist/types/ui/theme/types.d.ts +0 -1
- package/dist/types/useWebReader.d.ts +0 -7
- package/dist/types/utils/fetch.d.ts +0 -4
- package/dist/types/utils/getColor.d.ts +0 -2
- 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,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,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 +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,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,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;
|