@nypl/design-system-react-components 3.6.2 → 4.0.0-remove-matchMedia-test

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 (111) hide show
  1. package/dist/design-system-react-components.cjs +57 -60
  2. package/dist/design-system-react-components.js +19711 -20873
  3. package/dist/filteringStyleGuide/activeFiltersList.png +0 -0
  4. package/dist/filteringStyleGuide/exampleColumn.png +0 -0
  5. package/dist/filteringStyleGuide/examplePopup.png +0 -0
  6. package/dist/filteringStyleGuide/exampleRow.png +0 -0
  7. package/dist/filteringStyleGuide/filterBar.png +0 -0
  8. package/dist/filteringStyleGuide/focusClearingFilters.gif +0 -0
  9. package/dist/filteringStyleGuide/focusKeywordSearch.gif +0 -0
  10. package/dist/filteringStyleGuide/focusLiveFiltering.gif +0 -0
  11. package/dist/filteringStyleGuide/focusPagination.gif +0 -0
  12. package/dist/filteringStyleGuide/focusSorting.gif +0 -0
  13. package/dist/filteringStyleGuide/fullPageExample.png +0 -0
  14. package/dist/filteringStyleGuide/keywordSearchField.png +0 -0
  15. package/dist/filteringStyleGuide/paginationMenu.png +0 -0
  16. package/dist/filteringStyleGuide/resultsList.png +0 -0
  17. package/dist/filteringStyleGuide/sortingMenu.png +0 -0
  18. package/dist/filteringStyleGuide/totalResultsHeading.png +0 -0
  19. package/dist/responsiveGrid/breakpointRangeDesktop.png +0 -0
  20. package/dist/responsiveGrid/breakpointRangeMobileLarge.png +0 -0
  21. package/dist/responsiveGrid/breakpointRangeMobileSmall.png +0 -0
  22. package/dist/responsiveGrid/breakpointRangeTabletLarge.png +0 -0
  23. package/dist/responsiveGrid/breakpointRangeTabletSmall.png +0 -0
  24. package/dist/responsiveGrid/cardGridDesktop4Cols.png +0 -0
  25. package/dist/responsiveGrid/cardGridLargeMobile1Col.png +0 -0
  26. package/dist/responsiveGrid/cardGridLargeMobile2Cols.png +0 -0
  27. package/dist/responsiveGrid/cardGridSmallMobile1Col.png +0 -0
  28. package/dist/responsiveGrid/cardGridSmallTablet1Col.png +0 -0
  29. package/dist/responsiveGrid/cardGridSmallTablet3Cols.png +0 -0
  30. package/dist/responsiveGrid/cardGridSmallTablet3ColsSidebar.png +0 -0
  31. package/dist/responsiveGrid/gridColumns.png +0 -0
  32. package/dist/responsiveGrid/gridGutters.png +0 -0
  33. package/dist/responsiveGrid/gridMargins.png +0 -0
  34. package/dist/responsiveGrid/gridPerceivedColumns1.png +0 -0
  35. package/dist/responsiveGrid/gridPerceivedColumns2.png +0 -0
  36. package/dist/responsiveGrid/gridPerceivedColumns3.png +0 -0
  37. package/dist/responsiveGrid/gridPerceivedColumns4.png +0 -0
  38. package/dist/src/components/Accordion/Accordion.d.ts +3 -5
  39. package/dist/src/components/Banner/Banner.d.ts +0 -2
  40. package/dist/src/components/Button/Button.d.ts +1 -1
  41. package/dist/src/components/Heading/Heading.d.ts +2 -2
  42. package/dist/src/components/HelperErrorText/HelperErrorText.d.ts +2 -13
  43. package/dist/src/components/Hero/Hero.d.ts +5 -9
  44. package/dist/src/components/Icons/Icon.d.ts +0 -1
  45. package/dist/src/components/Link/Link.d.ts +3 -3
  46. package/dist/src/components/Notification/Notification.d.ts +0 -4
  47. package/dist/src/components/ProgressIndicator/ProgressIndicator.d.ts +0 -2
  48. package/dist/src/components/StatusBadge/StatusBadge.d.ts +1 -6
  49. package/dist/src/components/StyledList/StyledList.d.ts +1 -1
  50. package/dist/src/components/Template/Template.d.ts +36 -115
  51. package/dist/src/hooks/useNYPLBreakpoints.d.ts +6 -1
  52. package/dist/src/hooks/useResponsiveSpacing.d.ts +23 -0
  53. package/dist/src/index.d.ts +6 -7
  54. package/dist/src/theme/components/button.d.ts +1 -7
  55. package/dist/src/theme/components/feedbackBox.d.ts +3 -15
  56. package/dist/src/theme/components/heading.d.ts +1 -125
  57. package/dist/src/theme/components/hero.d.ts +11 -11
  58. package/dist/src/theme/components/icon.d.ts +5 -2
  59. package/dist/src/theme/components/link.d.ts +1 -40
  60. package/dist/src/theme/components/newsletterSignup.d.ts +1 -1
  61. package/dist/src/theme/components/notification.d.ts +1 -4
  62. package/dist/src/theme/components/progressIndicator.d.ts +1 -2
  63. package/dist/src/theme/components/searchBar.d.ts +1 -1
  64. package/dist/src/theme/components/slider.d.ts +3 -3
  65. package/dist/src/theme/components/statusBadge.d.ts +1 -14
  66. package/dist/src/theme/components/template.d.ts +49 -125
  67. package/dist/src/theme/components/text.d.ts +1 -9
  68. package/dist/src/theme/foundations/breakpoints.d.ts +21 -8
  69. package/dist/src/utils/utils.d.ts +3 -0
  70. package/dist/styles.css +1 -1
  71. package/dist/template/templateBottom.png +0 -0
  72. package/dist/template/templateBreakout.png +0 -0
  73. package/dist/template/templateFluidColumns1.png +0 -0
  74. package/dist/template/templateFluidColumns2.png +0 -0
  75. package/dist/template/templateFluidColumns3.png +0 -0
  76. package/dist/template/templateFluidColumns4.png +0 -0
  77. package/dist/template/templateFullPageLayout.png +0 -0
  78. package/dist/template/templateMain.png +0 -0
  79. package/dist/template/templateMainNarrow.png +0 -0
  80. package/dist/template/templateMainWide.png +0 -0
  81. package/dist/template/templateSidebarLeft.png +0 -0
  82. package/dist/template/templateSidebarNone.png +0 -0
  83. package/dist/template/templateSidebarRight.png +0 -0
  84. package/dist/template/templateTop.png +0 -0
  85. package/package.json +16 -16
  86. package/dist/src/components/Header/Header.d.ts +0 -13
  87. package/dist/src/components/Header/components/HeaderLogin.d.ts +0 -12
  88. package/dist/src/components/Header/components/HeaderLoginButton.d.ts +0 -10
  89. package/dist/src/components/Header/components/HeaderLowerNav.d.ts +0 -6
  90. package/dist/src/components/Header/components/HeaderMobileIconNav.d.ts +0 -6
  91. package/dist/src/components/Header/components/HeaderMobileNav.d.ts +0 -6
  92. package/dist/src/components/Header/components/HeaderMobileNavButton.d.ts +0 -6
  93. package/dist/src/components/Header/components/HeaderSearchButton.d.ts +0 -9
  94. package/dist/src/components/Header/components/HeaderSearchForm.d.ts +0 -10
  95. package/dist/src/components/Header/components/HeaderSitewideAlerts.d.ts +0 -7
  96. package/dist/src/components/Header/components/HeaderUpperNav.d.ts +0 -7
  97. package/dist/src/components/Header/context/headerContext.d.ts +0 -13
  98. package/dist/src/components/Header/utils/encoreCatalogLogOutTimer.d.ts +0 -4
  99. package/dist/src/components/Header/utils/headerUtils.d.ts +0 -70
  100. package/dist/src/theme/components/header.d.ts +0 -100
  101. package/dist/src/theme/components/headerLogin.d.ts +0 -333
  102. package/dist/src/theme/components/headerLoginButton.d.ts +0 -72
  103. package/dist/src/theme/components/headerLowerNav.d.ts +0 -78
  104. package/dist/src/theme/components/headerMobileIconNav.d.ts +0 -28
  105. package/dist/src/theme/components/headerMobileNav.d.ts +0 -92
  106. package/dist/src/theme/components/headerMobileNavButton.d.ts +0 -36
  107. package/dist/src/theme/components/headerSearchButton.d.ts +0 -85
  108. package/dist/src/theme/components/headerSearchForm.d.ts +0 -185
  109. package/dist/src/theme/components/headerSitewideAlerts.d.ts +0 -43
  110. package/dist/src/theme/components/headerUpperNav.d.ts +0 -60
  111. package/dist/src/theme/sharedStyles.d.ts +0 -4
@@ -1,36 +0,0 @@
1
- declare const HeaderMobileNavButton: {
2
- baseStyle: ({ isOpen }: {
3
- isOpen: any;
4
- }) => {
5
- alignItems: string;
6
- backgroundColor: string;
7
- border: string;
8
- borderRadius: string;
9
- display: string;
10
- justifyContent: string;
11
- svg: {
12
- fill: string;
13
- marginLeft: string;
14
- };
15
- _hover: {
16
- backgroundColor: string;
17
- svg: {
18
- fill: string;
19
- };
20
- };
21
- _focus: {
22
- borderRadius: string;
23
- outlineColor: string;
24
- outlineOffset: string;
25
- outlineStyle: string;
26
- outlineWidth: string;
27
- };
28
- _dark: {
29
- backgroundColor: string;
30
- svg: {
31
- fill: string;
32
- };
33
- };
34
- };
35
- };
36
- export default HeaderMobileNavButton;
@@ -1,85 +0,0 @@
1
- declare const HeaderSearchButton: {
2
- baseStyle: ({ isOpen }: {
3
- isOpen: any;
4
- }) => {
5
- alignItems: string;
6
- borderRadius: string;
7
- backgroundColor: string;
8
- color: string;
9
- display: string;
10
- fontFamily: string;
11
- fontSize: string;
12
- fontWeight: string;
13
- justifyContent: string;
14
- minHeight: {
15
- mh: string;
16
- };
17
- minWidth: {
18
- mh: string;
19
- };
20
- textDecoration: string;
21
- _dark: {
22
- bgColor: string;
23
- color: string;
24
- };
25
- span: {
26
- alignItems: string;
27
- borderBottom: {
28
- mh: string;
29
- };
30
- display: string;
31
- _dark: {
32
- borderBottom: string | {
33
- mh: string;
34
- };
35
- borderColor: {
36
- mh: string;
37
- };
38
- };
39
- };
40
- svg: {
41
- marginLeft: {
42
- base: string;
43
- mh: string;
44
- };
45
- fill: {
46
- base: string;
47
- mh: string;
48
- };
49
- _dark: {
50
- fill: {
51
- base: string;
52
- mh: string;
53
- };
54
- };
55
- };
56
- _hover: {
57
- backgroundColor: string;
58
- color: string;
59
- textDecoration: string;
60
- svg: {
61
- fill: {
62
- base: string;
63
- mh: string;
64
- };
65
- };
66
- _dark: {
67
- color: string;
68
- svg: {
69
- fill: {
70
- base: string;
71
- mh: string;
72
- };
73
- };
74
- };
75
- };
76
- _focus: {
77
- borderRadius: string;
78
- outlineColor: string;
79
- outlineOffset: string;
80
- outlineStyle: string;
81
- outlineWidth: string;
82
- };
83
- };
84
- };
85
- export default HeaderSearchButton;
@@ -1,185 +0,0 @@
1
- declare const HeaderSearchForm: {
2
- parts: string[];
3
- baseStyle: {
4
- color: string;
5
- backgroundColor: string;
6
- left: string;
7
- minHeight: {
8
- base: string;
9
- mh: string;
10
- };
11
- position: string;
12
- whiteSpace: string;
13
- width: string;
14
- zIndex: string;
15
- svg: {
16
- color: string;
17
- fill: string;
18
- marginTop: string;
19
- };
20
- form: {
21
- margin: {
22
- mh: string;
23
- };
24
- maxWidth: {
25
- mh: string;
26
- };
27
- whiteSpace: string;
28
- "> div": {
29
- margin: string;
30
- marginLeft: {
31
- mh: string;
32
- lh: string;
33
- };
34
- marginRight: {
35
- mh: string;
36
- };
37
- };
38
- };
39
- "#radio-group-search-type": {
40
- margin: {
41
- base: string;
42
- mh: string;
43
- };
44
- };
45
- textInput: {
46
- label: {
47
- color: string;
48
- fontSize: {
49
- base: string;
50
- mh: string;
51
- };
52
- };
53
- input: {
54
- borderRadius: {
55
- mh: string;
56
- };
57
- color: string;
58
- lineHeight: string;
59
- minHeight: {
60
- base: string;
61
- mh: string;
62
- };
63
- paddingLeft: {
64
- base: string;
65
- mh: string;
66
- };
67
- _placeholder: {
68
- fontSize: {
69
- base: string;
70
- };
71
- fontStyle: string;
72
- };
73
- _focus: {
74
- borderRadius: string;
75
- outlineColor: string;
76
- outlineOffset: string;
77
- outlineStyle: string;
78
- outlineWidth: string;
79
- };
80
- _hover: {
81
- borderRadius: string;
82
- outlineColor: string;
83
- outlineOffset: string;
84
- outlineStyle: string;
85
- outlineWidth: string;
86
- };
87
- _dark: {
88
- color: string;
89
- };
90
- };
91
- };
92
- searchBtn: {
93
- alignSelf: string;
94
- backgroundColor: string;
95
- borderColor: string;
96
- borderRadius: string;
97
- borderWidth: string;
98
- height: {
99
- base: string;
100
- mh: string;
101
- };
102
- marginTop: string;
103
- marginEnd: string;
104
- maxHeight: string;
105
- svg: {
106
- marginTop: string;
107
- };
108
- width: {
109
- base: string;
110
- mh: string;
111
- };
112
- _focus: {
113
- borderRadius: string;
114
- outlineColor: string;
115
- outlineOffset: string;
116
- outlineStyle: string;
117
- outlineWidth: string;
118
- };
119
- _hover: {
120
- borderRadius: string;
121
- outlineColor: string;
122
- outlineOffset: string;
123
- outlineStyle: string;
124
- outlineWidth: string;
125
- backgroundColor: string;
126
- };
127
- };
128
- radio: {
129
- backgroundColor: string;
130
- border: string;
131
- _focus: {
132
- borderRadius: string;
133
- outlineColor: string;
134
- outlineOffset: string;
135
- outlineStyle: string;
136
- outlineWidth: string;
137
- };
138
- _hover: {
139
- borderRadius: string;
140
- outlineColor: string;
141
- outlineOffset: string;
142
- outlineStyle: string;
143
- outlineWidth: string;
144
- };
145
- };
146
- ".chakra-radio": {
147
- alignItems: string;
148
- };
149
- ".chakra-radio__label": {
150
- fontWeight: string;
151
- };
152
- mobileBtns: {
153
- alignItems: string;
154
- backgroundColor: string;
155
- borderRadius: string;
156
- display: string;
157
- fontSize: string;
158
- flex: string;
159
- justifyContent: string;
160
- padding: string;
161
- svg: {
162
- fill: string;
163
- marginLeft: string;
164
- };
165
- _hover: {
166
- backgroundColor: string;
167
- };
168
- _focus: {
169
- borderRadius: string;
170
- outlineColor: string;
171
- outlineOffset: string;
172
- outlineStyle: string;
173
- outlineWidth: string;
174
- };
175
- };
176
- _dark: {
177
- bgColor: string;
178
- color: string;
179
- label: {
180
- color: string;
181
- };
182
- };
183
- };
184
- };
185
- export default HeaderSearchForm;
@@ -1,43 +0,0 @@
1
- declare const SitewideAlerts: {
2
- baseStyle: {
3
- backgroundColor: string;
4
- borderBottom: {
5
- base: string;
6
- mh: string;
7
- };
8
- fontSize: string;
9
- fontWeight: string;
10
- lineHeight: string;
11
- minHeight: {
12
- base: string;
13
- mh: string;
14
- };
15
- paddingX: string;
16
- ul: {
17
- marginBottom: string;
18
- a: {
19
- textDecoration: string;
20
- };
21
- p: {
22
- marginBottom: string;
23
- marginTop: string;
24
- };
25
- _dark: {
26
- color: string;
27
- a: {
28
- color: string;
29
- _hover: {
30
- color: string;
31
- };
32
- };
33
- };
34
- };
35
- _dark: {
36
- backgroundColor: string;
37
- borderBottom: string;
38
- borderColor: string;
39
- color: string;
40
- };
41
- };
42
- };
43
- export default SitewideAlerts;
@@ -1,60 +0,0 @@
1
- declare const HeaderUpperNav: {
2
- parts: string[];
3
- baseStyle: {
4
- height: string;
5
- ul: {
6
- alignItems: string;
7
- display: string;
8
- margin: string;
9
- whiteSpace: string;
10
- li: {
11
- fontSize: string;
12
- fontWeight: string;
13
- marginRight: string;
14
- _last: {
15
- marginRight: string;
16
- };
17
- };
18
- };
19
- a: {
20
- color: string;
21
- position: string;
22
- textDecoration: string;
23
- _hover: {
24
- color: string;
25
- textDecoration: string;
26
- };
27
- _focus: {
28
- borderRadius: string;
29
- outlineColor: string;
30
- outlineOffset: string;
31
- outlineStyle: string;
32
- outlineWidth: string;
33
- };
34
- _dark: {
35
- color: string;
36
- _hover: {
37
- color: string;
38
- };
39
- };
40
- };
41
- svg: {
42
- _dark: {
43
- fill: string;
44
- };
45
- };
46
- donateLink: {
47
- color: string;
48
- _hover: {
49
- color: string;
50
- };
51
- _dark: {
52
- bgColor: string;
53
- _hover: {
54
- bgColor: string;
55
- };
56
- };
57
- };
58
- };
59
- };
60
- export default HeaderUpperNav;
@@ -1,4 +0,0 @@
1
- export declare const iconSizeStyles: Record<string, {
2
- height?: string;
3
- width?: string;
4
- }>;