@nypl/design-system-react-components 1.5.1 → 1.6.0-vite-rc

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 (201) hide show
  1. package/README.md +39 -39
  2. package/dist/design-system-react-components.cjs +279 -0
  3. package/dist/design-system-react-components.js +42759 -0
  4. package/dist/{components → src/components}/Accordion/Accordion.d.ts +29 -29
  5. package/dist/{components → src/components}/AlphabetFilter/AlphabetFilter.d.ts +23 -23
  6. package/dist/{components → src/components}/AudioPlayer/AudioPlayer.d.ts +43 -43
  7. package/dist/{components → src/components}/Breadcrumbs/Breadcrumbs.d.ts +18 -18
  8. package/dist/{components → src/components}/Button/Button.d.ts +30 -30
  9. package/dist/{components → src/components}/ButtonGroup/ButtonGroup.d.ts +24 -24
  10. package/dist/{components → src/components}/Card/Card.d.ts +55 -55
  11. package/dist/{components → src/components}/Checkbox/Checkbox.d.ts +47 -47
  12. package/dist/{components → src/components}/CheckboxGroup/CheckboxGroup.d.ts +51 -51
  13. package/dist/{components → src/components}/ComponentWrapper/ComponentWrapper.d.ts +31 -31
  14. package/dist/{components → src/components}/DatePicker/DatePicker.d.ts +81 -81
  15. package/dist/{components → src/components}/FeedbackBox/FeedbackBox.d.ts +63 -63
  16. package/dist/{components → src/components}/FeedbackBox/useFeedbackBoxReducer.d.ts +19 -19
  17. package/dist/{components → src/components}/Fieldset/Fieldset.d.ts +24 -24
  18. package/dist/{components → src/components}/FilterBar/FilterBar.d.ts +61 -111
  19. package/dist/{components → src/components}/Footer/Footer.d.ts +14 -14
  20. package/dist/{components → src/components}/Footer/footerLinks.d.ts +12 -12
  21. package/dist/{components → src/components}/Form/Form.d.ts +31 -31
  22. package/dist/{components → src/components}/Grid/SimpleGrid.d.ts +19 -19
  23. package/dist/{components → src/components}/Header/Header.d.ts +22 -22
  24. package/dist/{components → src/components}/Header/components/HeaderLogin.d.ts +12 -12
  25. package/dist/{components → src/components}/Header/components/HeaderLoginButton.d.ts +11 -11
  26. package/dist/{components → src/components}/Header/components/HeaderLowerNav.d.ts +7 -7
  27. package/dist/{components → src/components}/Header/components/HeaderMobileIconNav.d.ts +7 -7
  28. package/dist/{components → src/components}/Header/components/HeaderMobileNav.d.ts +7 -7
  29. package/dist/{components → src/components}/Header/components/HeaderMobileNavButton.d.ts +7 -7
  30. package/dist/{components → src/components}/Header/components/HeaderSearchButton.d.ts +10 -10
  31. package/dist/{components → src/components}/Header/components/HeaderSearchForm.d.ts +11 -11
  32. package/dist/{components → src/components}/Header/components/HeaderSitewideAlerts.d.ts +8 -8
  33. package/dist/{components → src/components}/Header/components/HeaderUpperNav.d.ts +8 -8
  34. package/dist/{components → src/components}/Header/context/headerContext.d.ts +13 -13
  35. package/dist/{components → src/components}/Header/utils/googleAnalyticsUtils.d.ts +16 -16
  36. package/dist/{components → src/components}/Header/utils/headerUtils.d.ts +94 -94
  37. package/dist/{components → src/components}/Heading/Heading.d.ts +35 -35
  38. package/dist/{components → src/components}/HelperErrorText/HelperErrorText.d.ts +34 -34
  39. package/dist/{components → src/components}/Hero/Hero.d.ts +42 -42
  40. package/dist/{components → src/components}/HorizontalRule/HorizontalRule.d.ts +11 -11
  41. package/dist/{components → src/components}/Icons/Icon.d.ts +41 -41
  42. package/dist/{components → src/components}/Icons/IconColors.d.ts +3 -3
  43. package/dist/{components → src/components}/Icons/IconNames.d.ts +3 -3
  44. package/dist/{components → src/components}/Icons/IconSvgs.d.ts +56 -56
  45. package/dist/{components → src/components}/Image/Image.d.ts +65 -65
  46. package/dist/{components → src/components}/Label/Label.d.ts +25 -25
  47. package/dist/{components → src/components}/Link/Link.d.ts +21 -21
  48. package/dist/{components → src/components}/List/List.d.ts +42 -42
  49. package/dist/{components → src/components}/Logo/Logo.d.ts +28 -28
  50. package/dist/{components → src/components}/Logo/LogoSvgs.d.ts +54 -52
  51. package/dist/{components → src/components}/Modal/Modal.d.ts +35 -35
  52. package/dist/{components → src/components}/MultiSelect/MultiSelect.d.ts +60 -78
  53. package/dist/{components → src/components}/MultiSelect/MultiSelectDialog.d.ts +8 -8
  54. package/dist/{components → src/components}/MultiSelect/MultiSelectListbox.d.ts +9 -9
  55. package/dist/{components → src/components}/MultiSelect/MultiSelectMenuButton.d.ts +27 -27
  56. package/dist/{components → src/components}/MultiSelectGroup/MultiSelectGroup.d.ts +26 -26
  57. package/dist/{components → src/components}/Notification/Notification.d.ts +51 -51
  58. package/dist/{components → src/components}/Pagination/Pagination.d.ts +27 -27
  59. package/dist/{components → src/components}/ProgressIndicator/ProgressIndicator.d.ts +30 -30
  60. package/dist/{components → src/components}/Radio/Radio.d.ts +43 -43
  61. package/dist/{components → src/components}/RadioGroup/RadioGroup.d.ts +51 -51
  62. package/dist/{components → src/components}/SearchBar/SearchBar.d.ts +58 -58
  63. package/dist/{components → src/components}/Select/Select.d.ts +57 -57
  64. package/dist/{components → src/components}/SkeletonLoader/SkeletonLoader.d.ts +41 -41
  65. package/dist/{components → src/components}/SkipNavigation/SkipNavigation.d.ts +19 -19
  66. package/dist/{components → src/components}/Slider/Slider.d.ts +65 -65
  67. package/dist/{components → src/components}/StatusBadge/StatusBadge.d.ts +18 -18
  68. package/dist/{components → src/components}/StructuredContent/StructuredContent.d.ts +30 -30
  69. package/dist/{components → src/components}/StyleGuide/ColorCard.d.ts +46 -46
  70. package/dist/{components → src/components}/StyledList/StyledList.d.ts +25 -25
  71. package/dist/{components → src/components}/Table/Table.d.ts +32 -32
  72. package/dist/{components → src/components}/Tabs/Tabs.d.ts +28 -28
  73. package/dist/{components → src/components}/TagSet/TagSet.d.ts +33 -32
  74. package/dist/{components → src/components}/TagSet/TagSetExplore.d.ts +27 -27
  75. package/dist/{components → src/components}/TagSet/TagSetFilter.d.ts +26 -26
  76. package/dist/{components → src/components}/Template/Template.d.ts +140 -140
  77. package/dist/{components → src/components}/Text/Text.d.ts +24 -24
  78. package/dist/{components → src/components}/TextInput/TextInput.d.ts +88 -88
  79. package/dist/{components → src/components}/Toggle/Toggle.d.ts +42 -42
  80. package/dist/{components → src/components}/Tooltip/Tooltip.d.ts +17 -17
  81. package/dist/{components → src/components}/VideoPlayer/VideoPlayer.d.ts +40 -40
  82. package/dist/src/helpers/types.d.ts +1 -0
  83. package/dist/{hooks → src/hooks}/useCarouselStyles.d.ts +17 -17
  84. package/dist/{hooks → src/hooks}/useCloseDropDown.d.ts +7 -6
  85. package/dist/{hooks → src/hooks}/useFilterBar.d.ts +21 -21
  86. package/dist/{hooks → src/hooks}/useMultiSelect.d.ts +15 -15
  87. package/dist/{hooks → src/hooks}/useNYPLBreakpoints.d.ts +13 -13
  88. package/dist/{hooks → src/hooks}/useNYPLTheme.d.ts +67 -67
  89. package/dist/{hooks → src/hooks}/useStateWithDependencies.d.ts +5 -5
  90. package/dist/{hooks → src/hooks}/useWindowSize.d.ts +10 -10
  91. package/dist/src/index.d.ts +90 -0
  92. package/dist/{theme → src/theme}/components/accordion.d.ts +34 -34
  93. package/dist/{theme → src/theme}/components/alphabetFilter.d.ts +33 -33
  94. package/dist/{theme → src/theme}/components/audioPlayer.d.ts +16 -16
  95. package/dist/{theme → src/theme}/components/breadcrumb.d.ts +151 -138
  96. package/dist/{theme → src/theme}/components/button.d.ts +113 -113
  97. package/dist/{theme → src/theme}/components/buttonGroup.d.ts +11 -11
  98. package/dist/{theme → src/theme}/components/card.d.ts +421 -421
  99. package/dist/{theme → src/theme}/components/checkbox.d.ts +178 -178
  100. package/dist/{theme → src/theme}/components/checkboxGroup.d.ts +14 -14
  101. package/dist/{theme → src/theme}/components/componentWrapper.d.ts +12 -12
  102. package/dist/{theme → src/theme}/components/customTable.d.ts +733 -733
  103. package/dist/{theme → src/theme}/components/datePicker.d.ts +17 -17
  104. package/dist/{theme → src/theme}/components/feedbackBox.d.ts +92 -85
  105. package/dist/{theme → src/theme}/components/fieldset.d.ts +23 -23
  106. package/dist/{theme → src/theme}/components/filterBar.d.ts +46 -46
  107. package/dist/{theme → src/theme}/components/footer.d.ts +244 -241
  108. package/dist/{theme → src/theme}/components/global.d.ts +140 -140
  109. package/dist/{theme → src/theme}/components/globalMixins.d.ts +40 -40
  110. package/dist/{theme → src/theme}/components/header/header.d.ts +72 -72
  111. package/dist/{theme → src/theme}/components/header/headerLogin.d.ts +327 -327
  112. package/dist/{theme → src/theme}/components/header/headerLoginButton.d.ts +69 -69
  113. package/dist/{theme → src/theme}/components/header/headerLowerNav.d.ts +70 -70
  114. package/dist/{theme → src/theme}/components/header/headerMobileIconNav.d.ts +28 -28
  115. package/dist/{theme → src/theme}/components/header/headerMobileNav.d.ts +86 -86
  116. package/dist/{theme → src/theme}/components/header/headerMobileNavButton.d.ts +34 -34
  117. package/dist/{theme → src/theme}/components/header/headerSearchButton.d.ts +83 -83
  118. package/dist/{theme → src/theme}/components/header/headerSearchForm.d.ts +183 -183
  119. package/dist/{theme → src/theme}/components/header/headerSitewideAlerts.d.ts +42 -42
  120. package/dist/{theme → src/theme}/components/header/headerUpperNav.d.ts +72 -72
  121. package/dist/{theme → src/theme}/components/heading.d.ts +173 -173
  122. package/dist/{theme → src/theme}/components/helperErrorText.d.ts +15 -15
  123. package/dist/{theme → src/theme}/components/hero.d.ts +628 -628
  124. package/dist/{theme → src/theme}/components/horizontalRule.d.ts +18 -18
  125. package/dist/{theme → src/theme}/components/icon.d.ts +62251 -62251
  126. package/dist/{theme → src/theme}/components/image.d.ts +662 -662
  127. package/dist/{theme → src/theme}/components/label.d.ts +21 -21
  128. package/dist/{theme → src/theme}/components/link.d.ts +106 -106
  129. package/dist/{theme → src/theme}/components/list.d.ts +228 -228
  130. package/dist/{theme → src/theme}/components/logo.d.ts +477 -477
  131. package/dist/{theme → src/theme}/components/modal.d.ts +21 -21
  132. package/dist/{theme → src/theme}/components/multiSelect.d.ts +29 -29
  133. package/dist/{theme → src/theme}/components/multiSelectMenuButton.d.ts +95 -95
  134. package/dist/{theme → src/theme}/components/notification.d.ts +136 -136
  135. package/dist/{theme → src/theme}/components/pagination.d.ts +16 -16
  136. package/dist/{theme → src/theme}/components/progressIndicator.d.ts +68 -68
  137. package/dist/{theme → src/theme}/components/radio.d.ts +202 -202
  138. package/dist/{theme → src/theme}/components/radioGroup.d.ts +14 -14
  139. package/dist/{theme → src/theme}/components/searchBar.d.ts +34 -34
  140. package/dist/{theme → src/theme}/components/select.d.ts +125 -125
  141. package/dist/{theme → src/theme}/components/skeletonLoader.d.ts +105 -105
  142. package/dist/{theme → src/theme}/components/skipNavigation.d.ts +28 -28
  143. package/dist/{theme → src/theme}/components/slider.d.ts +78 -78
  144. package/dist/{theme → src/theme}/components/statusBadge.d.ts +37 -37
  145. package/dist/{theme → src/theme}/components/structuredContent.d.ts +385 -385
  146. package/dist/{theme → src/theme}/components/styledList.d.ts +51 -51
  147. package/dist/{theme → src/theme}/components/tabs.d.ts +172 -172
  148. package/dist/{theme → src/theme}/components/tagSet.d.ts +154 -154
  149. package/dist/{theme → src/theme}/components/template.d.ts +86 -86
  150. package/dist/{theme → src/theme}/components/text.d.ts +30 -30
  151. package/dist/{theme → src/theme}/components/textInput.d.ts +349 -349
  152. package/dist/{theme → src/theme}/components/toggle.d.ts +129 -129
  153. package/dist/{theme → src/theme}/components/tooltip.d.ts +19 -19
  154. package/dist/{theme → src/theme}/components/videoPlayer.d.ts +47 -47
  155. package/dist/{theme → src/theme}/foundations/breakpoints.d.ts +23 -23
  156. package/dist/{theme → src/theme}/foundations/colors.d.ts +3 -3
  157. package/dist/{theme → src/theme}/foundations/global.d.ts +68 -68
  158. package/dist/{theme → src/theme}/foundations/radii.d.ts +11 -11
  159. package/dist/{theme → src/theme}/foundations/shadows.d.ts +4 -4
  160. package/dist/{theme → src/theme}/foundations/spacing.d.ts +96 -96
  161. package/dist/{theme → src/theme}/foundations/typography.d.ts +8 -8
  162. package/dist/{theme → src/theme}/index.d.ts +20 -20
  163. package/dist/{theme → src/theme}/provider.d.ts +4 -4
  164. package/dist/src/theme/types.d.ts +1 -0
  165. package/dist/{utils → src/utils}/interfaces.d.ts +5 -5
  166. package/dist/{utils → src/utils}/utils.d.ts +39 -39
  167. package/dist/style.css +1 -0
  168. package/package.json +52 -61
  169. package/CHANGELOG.md +0 -1861
  170. package/dist/__tests__/fileMock.d.ts +0 -4
  171. package/dist/__tests__/mediaMatchMock.d.ts +0 -79
  172. package/dist/__tests__/setup.d.ts +0 -2
  173. package/dist/__tests__/utils/utils.test.d.ts +0 -1
  174. package/dist/components/Autosuggest/Autosuggest.stories.d.ts +0 -4
  175. package/dist/components/FilterBar/FilterBar.stories.d.ts +0 -7
  176. package/dist/components/Header/utils/authApiMockResponse.d.ts +0 -49
  177. package/dist/components/Header/utils/encoreCatalogLogOutTimer.d.ts +0 -4
  178. package/dist/components/Header/utils/encoreCatalogLogOutTimer.test.d.ts +0 -1
  179. package/dist/components/Header/utils/googleAnalyticsUtils.test.d.ts +0 -1
  180. package/dist/components/Header/utils/headerUtils.test.d.ts +0 -1
  181. package/dist/components/Header/utils/sitewideAlertsMocks.d.ts +0 -98
  182. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -4
  183. package/dist/components/MultiSelectGroup/MultiSelectGroup.stories.d.ts +0 -4
  184. package/dist/components/Placeholder/Placeholder.d.ts +0 -10
  185. package/dist/design-system-react-components.cjs.development.js +0 -17917
  186. package/dist/design-system-react-components.cjs.development.js.map +0 -1
  187. package/dist/design-system-react-components.cjs.production.min.js +0 -2
  188. package/dist/design-system-react-components.cjs.production.min.js.map +0 -1
  189. package/dist/design-system-react-components.esm.js +0 -17716
  190. package/dist/design-system-react-components.esm.js.map +0 -1
  191. package/dist/helpers/types.d.ts +0 -1
  192. package/dist/hooks/__tests__/useCarouselStyles.test.d.ts +0 -1
  193. package/dist/hooks/__tests__/useFilterBar.test.d.ts +0 -1
  194. package/dist/hooks/__tests__/useMultiSelect.test.d.ts +0 -1
  195. package/dist/hooks/__tests__/useNYPLBreakpoints.test.d.ts +0 -1
  196. package/dist/index.d.ts +0 -65
  197. package/dist/index.js +0 -8
  198. package/dist/resources.scss +0 -382
  199. package/dist/styles.css +0 -4
  200. package/dist/theme/types.d.ts +0 -1
  201. package/dist/utils/componentCategories.d.ts +0 -1
@@ -1,154 +1,154 @@
1
- declare const _default: {
2
- TagSet: {
3
- baseStyle: () => {
4
- display: string;
5
- flexWrap: string;
6
- gap: string;
7
- };
8
- };
9
- TagSetExplore: {
10
- baseStyle: {
11
- display: string;
12
- alignItems: string;
13
- justifyContent: string;
14
- bg: string;
15
- border: string;
16
- borderColor: string;
17
- borderRadius: string;
18
- color: string;
19
- cursor: string;
20
- fontSize: string;
21
- height: {
22
- base: string;
23
- md: string;
24
- };
25
- minHeight: string;
26
- maxWidth: string;
27
- py: string;
28
- px: string;
29
- textDecoration: string;
30
- transition: string;
31
- _focusWithin: {
32
- boxShadow: string;
33
- outline: string;
34
- outlineOffset: string;
35
- outlineColor: string;
36
- zIndex: string;
37
- _dark: {
38
- outlineColor: string;
39
- };
40
- };
41
- a: {
42
- border: string;
43
- _focus: {
44
- outline: string;
45
- };
46
- };
47
- "> span": {
48
- display: string;
49
- overflow: string;
50
- textOverflow: string;
51
- whiteSpace: string;
52
- };
53
- svg: {
54
- fill: string;
55
- };
56
- _hover: {
57
- bg: string;
58
- a: {
59
- color: string;
60
- };
61
- svg: {
62
- fill: string;
63
- };
64
- "> span": {
65
- color: string;
66
- };
67
- };
68
- _dark: {
69
- bg: string;
70
- borderColor: string;
71
- color: string;
72
- a: {
73
- color: string;
74
- };
75
- svg: {
76
- fill: string;
77
- };
78
- _hover: {
79
- bg: string;
80
- a: {
81
- color: string;
82
- };
83
- svg: {
84
- fill: string;
85
- };
86
- "> span": {
87
- color: string;
88
- };
89
- };
90
- };
91
- };
92
- };
93
- TagSetFilter: {
94
- parts: string[];
95
- baseStyle: ({ isDismissible }: {
96
- isDismissible: boolean;
97
- }) => {
98
- display: string;
99
- alignItems: string;
100
- justifyContent: string;
101
- bg: string;
102
- border: string;
103
- borderColor: string;
104
- borderRadius: string;
105
- color: string;
106
- cursor: string;
107
- height: {
108
- base: string;
109
- md: string;
110
- };
111
- minHeight: string;
112
- maxWidth: string;
113
- py: string;
114
- paddingLeft: string;
115
- paddingRight: string | {
116
- base: string;
117
- md: string;
118
- };
119
- fontSize: string;
120
- "> span": {
121
- display: string;
122
- overflow: string;
123
- textOverflow: string;
124
- whiteSpace: string;
125
- };
126
- _hover: {
127
- bg: string;
128
- borderColor: string;
129
- };
130
- _dark: {
131
- bg: string;
132
- borderColor: string;
133
- color: string;
134
- _hover: {
135
- bg: string;
136
- borderColor: string;
137
- };
138
- };
139
- clearAll: {
140
- color: string;
141
- height: {
142
- base: string;
143
- md: string;
144
- };
145
- fontSize: string;
146
- minHeight: string;
147
- _dark: {
148
- color: string;
149
- };
150
- };
151
- };
152
- };
153
- };
154
- export default _default;
1
+ declare const _default: {
2
+ TagSet: {
3
+ baseStyle: () => {
4
+ display: string;
5
+ flexWrap: string;
6
+ gap: string;
7
+ };
8
+ };
9
+ TagSetExplore: {
10
+ baseStyle: {
11
+ display: string;
12
+ alignItems: string;
13
+ justifyContent: string;
14
+ bg: string;
15
+ border: string;
16
+ borderColor: string;
17
+ borderRadius: string;
18
+ color: string;
19
+ cursor: string;
20
+ fontSize: string;
21
+ height: {
22
+ base: string;
23
+ md: string;
24
+ };
25
+ minHeight: string;
26
+ maxWidth: string;
27
+ py: string;
28
+ px: string;
29
+ textDecoration: string;
30
+ transition: string;
31
+ _focusWithin: {
32
+ boxShadow: string;
33
+ outline: string;
34
+ outlineOffset: string;
35
+ outlineColor: string;
36
+ zIndex: string;
37
+ _dark: {
38
+ outlineColor: string;
39
+ };
40
+ };
41
+ a: {
42
+ border: string;
43
+ _focus: {
44
+ outline: string;
45
+ };
46
+ };
47
+ "> span": {
48
+ display: string;
49
+ overflow: string;
50
+ textOverflow: string;
51
+ whiteSpace: string;
52
+ };
53
+ svg: {
54
+ fill: string;
55
+ };
56
+ _hover: {
57
+ bg: string;
58
+ a: {
59
+ color: string;
60
+ };
61
+ svg: {
62
+ fill: string;
63
+ };
64
+ "> span": {
65
+ color: string;
66
+ };
67
+ };
68
+ _dark: {
69
+ bg: string;
70
+ borderColor: string;
71
+ color: string;
72
+ a: {
73
+ color: string;
74
+ };
75
+ svg: {
76
+ fill: string;
77
+ };
78
+ _hover: {
79
+ bg: string;
80
+ a: {
81
+ color: string;
82
+ };
83
+ svg: {
84
+ fill: string;
85
+ };
86
+ "> span": {
87
+ color: string;
88
+ };
89
+ };
90
+ };
91
+ };
92
+ };
93
+ TagSetFilter: {
94
+ parts: string[];
95
+ baseStyle: ({ isDismissible }: {
96
+ isDismissible: boolean;
97
+ }) => {
98
+ display: string;
99
+ alignItems: string;
100
+ justifyContent: string;
101
+ bg: string;
102
+ border: string;
103
+ borderColor: string;
104
+ borderRadius: string;
105
+ color: string;
106
+ cursor: string;
107
+ height: {
108
+ base: string;
109
+ md: string;
110
+ };
111
+ minHeight: string;
112
+ maxWidth: string;
113
+ py: string;
114
+ paddingLeft: string;
115
+ paddingRight: string | {
116
+ base: string;
117
+ md: string;
118
+ };
119
+ fontSize: string;
120
+ "> span": {
121
+ display: string;
122
+ overflow: string;
123
+ textOverflow: string;
124
+ whiteSpace: string;
125
+ };
126
+ _hover: {
127
+ bg: string;
128
+ borderColor: string;
129
+ };
130
+ _dark: {
131
+ bg: string;
132
+ borderColor: string;
133
+ color: string;
134
+ _hover: {
135
+ bg: string;
136
+ borderColor: string;
137
+ };
138
+ };
139
+ clearAll: {
140
+ color: string;
141
+ height: {
142
+ base: string;
143
+ md: string;
144
+ };
145
+ fontSize: string;
146
+ minHeight: string;
147
+ _dark: {
148
+ color: string;
149
+ };
150
+ };
151
+ };
152
+ };
153
+ };
154
+ export default _default;
@@ -1,86 +1,86 @@
1
- /**
2
- * Grid layout based on https://www.joshwcomeau.com/css/full-bleed/
3
- */
4
- declare const _default: {
5
- Template: {
6
- baseStyle: {
7
- boxSizing: string;
8
- color: string;
9
- display: string;
10
- gridTemplateColumns: string;
11
- rowGap: string;
12
- _dark: {
13
- color: string;
14
- };
15
- };
16
- sizes: {};
17
- defaultProps: {};
18
- };
19
- TemplateBreakout: {
20
- baseStyle: {
21
- width: string;
22
- gridColumn: string;
23
- };
24
- };
25
- TemplateContent: {
26
- baseStyle: {
27
- gridColumn: string;
28
- display: string;
29
- gridTemplateColumns: string;
30
- paddingY: number;
31
- paddingX: string;
32
- gap: string;
33
- };
34
- variants: {
35
- left: {
36
- gridTemplateColumns: {
37
- md: string;
38
- };
39
- };
40
- right: {
41
- gridTemplateColumns: {
42
- md: string;
43
- };
44
- };
45
- };
46
- };
47
- TemplateContentTopBottom: {
48
- baseStyle: {
49
- gridColumn: {
50
- base: string;
51
- md: string;
52
- };
53
- height: string;
54
- };
55
- };
56
- TemplateContentPrimary: {
57
- variants: {
58
- left: {
59
- gridColumn: {
60
- base: string;
61
- md: string;
62
- };
63
- marginEnd: {
64
- md: number;
65
- };
66
- minWidth: {
67
- md: number;
68
- };
69
- };
70
- };
71
- };
72
- TemplateContentSidebar: {
73
- variants: {
74
- left: {
75
- gridColumn: string;
76
- };
77
- right: {
78
- gridColumn: {
79
- base: string;
80
- md: string;
81
- };
82
- };
83
- };
84
- };
85
- };
86
- export default _default;
1
+ /**
2
+ * Grid layout based on https://www.joshwcomeau.com/css/full-bleed/
3
+ */
4
+ declare const _default: {
5
+ Template: {
6
+ baseStyle: {
7
+ boxSizing: string;
8
+ color: string;
9
+ display: string;
10
+ gridTemplateColumns: string;
11
+ rowGap: string;
12
+ _dark: {
13
+ color: string;
14
+ };
15
+ };
16
+ sizes: {};
17
+ defaultProps: {};
18
+ };
19
+ TemplateBreakout: {
20
+ baseStyle: {
21
+ width: string;
22
+ gridColumn: string;
23
+ };
24
+ };
25
+ TemplateContent: {
26
+ baseStyle: {
27
+ gridColumn: string;
28
+ display: string;
29
+ gridTemplateColumns: string;
30
+ paddingY: number;
31
+ paddingX: string;
32
+ gap: string;
33
+ };
34
+ variants: {
35
+ left: {
36
+ gridTemplateColumns: {
37
+ md: string;
38
+ };
39
+ };
40
+ right: {
41
+ gridTemplateColumns: {
42
+ md: string;
43
+ };
44
+ };
45
+ };
46
+ };
47
+ TemplateContentTopBottom: {
48
+ baseStyle: {
49
+ gridColumn: {
50
+ base: string;
51
+ md: string;
52
+ };
53
+ height: string;
54
+ };
55
+ };
56
+ TemplateContentPrimary: {
57
+ variants: {
58
+ left: {
59
+ gridColumn: {
60
+ base: string;
61
+ md: string;
62
+ };
63
+ marginEnd: {
64
+ md: number;
65
+ };
66
+ minWidth: {
67
+ md: number;
68
+ };
69
+ };
70
+ };
71
+ };
72
+ TemplateContentSidebar: {
73
+ variants: {
74
+ left: {
75
+ gridColumn: string;
76
+ };
77
+ right: {
78
+ gridColumn: {
79
+ base: string;
80
+ md: string;
81
+ };
82
+ };
83
+ };
84
+ };
85
+ };
86
+ export default _default;
@@ -1,30 +1,30 @@
1
- interface TextBaseStyle {
2
- isBold: boolean;
3
- isItalic: boolean;
4
- isCapitalized: boolean;
5
- isUppercase: boolean;
6
- isLowercase: boolean;
7
- noSpace: boolean;
8
- variant: string;
9
- }
10
- declare const Text: {
11
- baseStyle: ({ isBold, isItalic, isCapitalized, isUppercase, isLowercase, noSpace, variant, }: TextBaseStyle) => {
12
- fontStyle: string;
13
- fontWeight: string;
14
- textTransform: string;
15
- marginBottom: string;
16
- };
17
- variants: {
18
- default: {};
19
- caption: {
20
- fontSize: string;
21
- };
22
- tag: {
23
- fontSize: string;
24
- };
25
- mini: {
26
- fontSize: string;
27
- };
28
- };
29
- };
30
- export default Text;
1
+ interface TextBaseStyle {
2
+ isBold: boolean;
3
+ isItalic: boolean;
4
+ isCapitalized: boolean;
5
+ isUppercase: boolean;
6
+ isLowercase: boolean;
7
+ noSpace: boolean;
8
+ variant: string;
9
+ }
10
+ declare const Text: {
11
+ baseStyle: ({ isBold, isItalic, isCapitalized, isUppercase, isLowercase, noSpace, variant, }: TextBaseStyle) => {
12
+ fontStyle: string;
13
+ fontWeight: string;
14
+ textTransform: string;
15
+ marginBottom: string;
16
+ };
17
+ variants: {
18
+ default: {};
19
+ caption: {
20
+ fontSize: string;
21
+ };
22
+ tag: {
23
+ fontSize: string;
24
+ };
25
+ mini: {
26
+ fontSize: string;
27
+ };
28
+ };
29
+ };
30
+ export default Text;