@nypl/design-system-react-components 2.0.0 → 2.1.0-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 (284) hide show
  1. package/README.md +466 -17
  2. package/dist/design-system-react-components.cjs +528 -0
  3. package/dist/design-system-react-components.js +37957 -0
  4. package/dist/src/components/Accordion/Accordion.d.ts +29 -0
  5. package/dist/src/components/AlphabetFilter/AlphabetFilter.d.ts +23 -0
  6. package/dist/src/components/AudioPlayer/AudioPlayer.d.ts +43 -0
  7. package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +24 -0
  8. package/dist/src/components/Button/Button.d.ts +35 -0
  9. package/dist/src/components/ButtonGroup/ButtonGroup.d.ts +25 -0
  10. package/dist/src/components/Card/Card.d.ts +55 -0
  11. package/dist/src/components/Checkbox/Checkbox.d.ts +47 -0
  12. package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts +51 -0
  13. package/dist/src/components/ComponentWrapper/ComponentWrapper.d.ts +31 -0
  14. package/dist/src/components/DatePicker/DatePicker.d.ts +82 -0
  15. package/dist/src/components/FeaturedContent/FeaturedContent.d.ts +29 -0
  16. package/dist/src/components/FeedbackBox/FeedbackBox.d.ts +64 -0
  17. package/dist/src/components/FeedbackBox/useFeedbackBoxReducer.d.ts +19 -0
  18. package/dist/src/components/Fieldset/Fieldset.d.ts +24 -0
  19. package/dist/src/components/Form/Form.d.ts +31 -0
  20. package/dist/src/components/Grid/SimpleGrid.d.ts +20 -0
  21. package/dist/src/components/Heading/Heading.d.ts +42 -0
  22. package/dist/src/components/HelperErrorText/HelperErrorText.d.ts +34 -0
  23. package/dist/src/components/Hero/Hero.d.ts +49 -0
  24. package/dist/src/components/HorizontalRule/HorizontalRule.d.ts +11 -0
  25. package/dist/src/components/Icons/Icon.d.ts +41 -0
  26. package/dist/src/components/Icons/IconSvgs.d.ts +196 -0
  27. package/dist/src/components/Icons/iconVariables.d.ts +6 -0
  28. package/dist/src/components/Image/Image.d.ts +68 -0
  29. package/dist/src/components/Label/Label.d.ts +25 -0
  30. package/dist/src/components/Link/Link.d.ts +32 -0
  31. package/dist/src/components/List/List.d.ts +43 -0
  32. package/dist/src/components/Logo/Logo.d.ts +29 -0
  33. package/dist/src/components/Logo/LogoSvgs.d.ts +166 -0
  34. package/dist/src/components/Logo/logoVariables.d.ts +2 -0
  35. package/dist/src/components/Modal/Modal.d.ts +35 -0
  36. package/dist/src/components/NewsletterSignup/NewsletterSignup.d.ts +46 -0
  37. package/dist/src/components/Notification/Notification.d.ts +52 -0
  38. package/dist/src/components/Pagination/Pagination.d.ts +27 -0
  39. package/dist/src/components/ProgressIndicator/ProgressIndicator.d.ts +32 -0
  40. package/dist/src/components/Radio/Radio.d.ts +43 -0
  41. package/dist/src/components/RadioGroup/RadioGroup.d.ts +51 -0
  42. package/dist/src/components/SearchBar/SearchBar.d.ts +58 -0
  43. package/dist/src/components/Select/Select.d.ts +59 -0
  44. package/dist/src/components/SkeletonLoader/SkeletonLoader.d.ts +42 -0
  45. package/dist/src/components/SkipNavigation/SkipNavigation.d.ts +19 -0
  46. package/dist/src/components/Slider/Slider.d.ts +65 -0
  47. package/dist/src/components/SocialMediaLinks/SocialMediaLinks.d.ts +42 -0
  48. package/dist/src/components/SocialMediaLinks/SocialMediaLinksUtils.d.ts +7 -0
  49. package/dist/src/components/StatusBadge/StatusBadge.d.ts +19 -0
  50. package/dist/src/components/StructuredContent/StructuredContent.d.ts +30 -0
  51. package/dist/src/components/StyleGuide/ColorCard.d.ts +348 -0
  52. package/dist/src/components/StyledList/StyledList.d.ts +26 -0
  53. package/dist/src/components/Table/Table.d.ts +32 -0
  54. package/dist/src/components/Tabs/Tabs.d.ts +28 -0
  55. package/dist/src/components/TagSet/TagSet.d.ts +24 -0
  56. package/dist/src/components/TagSet/TagSetExplore.d.ts +28 -0
  57. package/dist/src/components/TagSet/TagSetFilter.d.ts +25 -0
  58. package/dist/src/components/TagSet/TooltipWrapper.d.ts +9 -0
  59. package/dist/src/components/Template/Template.d.ts +140 -0
  60. package/dist/src/components/Text/Text.d.ts +27 -0
  61. package/dist/src/components/TextInput/TextInput.d.ts +92 -0
  62. package/dist/src/components/Toggle/Toggle.d.ts +43 -0
  63. package/dist/src/components/Tooltip/Tooltip.d.ts +17 -0
  64. package/dist/src/components/VideoPlayer/VideoPlayer.d.ts +42 -0
  65. package/dist/src/helpers/getSectionColors.d.ts +8 -0
  66. package/dist/src/helpers/types.d.ts +50 -0
  67. package/dist/src/hooks/useCarouselStyles.d.ts +17 -0
  68. package/dist/src/hooks/useCloseDropDown.d.ts +7 -0
  69. package/dist/src/hooks/useNYPLBreakpoints.d.ts +13 -0
  70. package/dist/src/hooks/useNYPLTheme.d.ts +75 -0
  71. package/dist/src/hooks/useStateWithDependencies.d.ts +8 -0
  72. package/dist/src/hooks/useWindowSize.d.ts +10 -0
  73. package/dist/src/index.d.ts +87 -0
  74. package/dist/src/theme/components/accordion.d.ts +34 -0
  75. package/dist/src/theme/components/alphabetFilter.d.ts +40 -0
  76. package/dist/src/theme/components/audioPlayer.d.ts +16 -0
  77. package/dist/src/theme/components/breadcrumb.d.ts +158 -0
  78. package/dist/src/theme/components/button.d.ts +152 -0
  79. package/dist/src/theme/components/buttonGroup.d.ts +11 -0
  80. package/dist/src/theme/components/card.d.ts +485 -0
  81. package/dist/src/theme/components/checkbox.d.ts +178 -0
  82. package/dist/src/theme/components/checkboxGroup.d.ts +14 -0
  83. package/dist/src/theme/components/componentWrapper.d.ts +12 -0
  84. package/dist/src/theme/components/customTable.d.ts +739 -0
  85. package/dist/src/theme/components/datePicker.d.ts +17 -0
  86. package/dist/src/theme/components/featuredContent.d.ts +70 -0
  87. package/dist/src/theme/components/feedbackBox.d.ts +100 -0
  88. package/dist/src/theme/components/fieldset.d.ts +24 -0
  89. package/dist/src/theme/components/filterBar.d.ts +46 -0
  90. package/dist/src/theme/components/global.d.ts +141 -0
  91. package/dist/src/theme/components/globalMixins.d.ts +40 -0
  92. package/dist/src/theme/components/heading.d.ts +372 -0
  93. package/dist/src/theme/components/helperErrorText.d.ts +18 -0
  94. package/dist/src/theme/components/hero.d.ts +639 -0
  95. package/dist/src/theme/components/horizontalRule.d.ts +18 -0
  96. package/dist/src/theme/components/icon.d.ts +62251 -0
  97. package/dist/src/theme/components/image.d.ts +754 -0
  98. package/dist/src/theme/components/label.d.ts +22 -0
  99. package/dist/src/theme/components/link.d.ts +152 -0
  100. package/dist/src/theme/components/list.d.ts +230 -0
  101. package/dist/src/theme/components/logo.d.ts +477 -0
  102. package/dist/src/theme/components/modal.d.ts +27 -0
  103. package/dist/src/theme/components/multiSelect.d.ts +29 -0
  104. package/dist/src/theme/components/multiSelectMenuButton.d.ts +99 -0
  105. package/dist/src/theme/components/newsletterSignup.d.ts +93 -0
  106. package/dist/src/theme/components/notification.d.ts +137 -0
  107. package/dist/src/theme/components/pagination.d.ts +19 -0
  108. package/dist/src/theme/components/progressIndicator.d.ts +69 -0
  109. package/dist/src/theme/components/radio.d.ts +202 -0
  110. package/dist/src/theme/components/radioGroup.d.ts +14 -0
  111. package/dist/src/theme/components/searchBar.d.ts +34 -0
  112. package/dist/src/theme/components/select.d.ts +126 -0
  113. package/dist/src/theme/components/skeletonLoader.d.ts +105 -0
  114. package/dist/src/theme/components/skipNavigation.d.ts +28 -0
  115. package/dist/src/theme/components/slider.d.ts +78 -0
  116. package/dist/src/theme/components/socialmedialinks.d.ts +192 -0
  117. package/dist/src/theme/components/statusBadge.d.ts +37 -0
  118. package/dist/src/theme/components/structuredContent.d.ts +454 -0
  119. package/dist/src/theme/components/styledList.d.ts +51 -0
  120. package/dist/src/theme/components/tabs.d.ts +172 -0
  121. package/dist/src/theme/components/tagSet.d.ts +154 -0
  122. package/dist/src/theme/components/template.d.ts +98 -0
  123. package/dist/src/theme/components/text.d.ts +59 -0
  124. package/dist/src/theme/components/textInput.d.ts +360 -0
  125. package/dist/src/theme/components/toggle.d.ts +129 -0
  126. package/dist/src/theme/components/tooltip.d.ts +21 -0
  127. package/dist/src/theme/components/videoPlayer.d.ts +47 -0
  128. package/dist/src/theme/foundations/breakpoints.d.ts +23 -0
  129. package/dist/src/theme/foundations/colors.d.ts +3 -0
  130. package/dist/src/theme/foundations/global.d.ts +68 -0
  131. package/dist/src/theme/foundations/radii.d.ts +11 -0
  132. package/dist/src/theme/foundations/shadows.d.ts +4 -0
  133. package/dist/src/theme/foundations/spacing.d.ts +96 -0
  134. package/dist/src/theme/foundations/typography.d.ts +8 -0
  135. package/dist/src/theme/index.d.ts +20 -0
  136. package/dist/src/theme/internalChakraProvider.d.ts +67 -0
  137. package/dist/src/theme/provider.d.ts +4 -0
  138. package/dist/src/theme/types.d.ts +1 -0
  139. package/dist/src/utils/colorUtils.d.ts +5 -0
  140. package/dist/src/utils/interfaces.d.ts +5 -0
  141. package/dist/src/utils/utils.d.ts +42 -0
  142. package/dist/styles.css +1 -0
  143. package/package.json +132 -24
  144. package/CHANGELOG.md +0 -139
  145. package/dist/design-system-react-components.min.js +0 -23
  146. package/dist/design-system-react-components.min.js.map +0 -1
  147. package/lib/components/00-base/Container/Container.d.ts +0 -6
  148. package/lib/components/00-base/Container/Container.js +0 -19
  149. package/lib/components/00-base/Container/Modal.d.ts +0 -12
  150. package/lib/components/00-base/Container/Modal.js +0 -29
  151. package/lib/components/00-base/Container/Modal.stories.d.ts +0 -7
  152. package/lib/components/00-base/Container/Modal.stories.js +0 -20
  153. package/lib/components/00-base/Placeholder.d.ts +0 -10
  154. package/lib/components/00-base/Placeholder.js +0 -23
  155. package/lib/components/00-base/SectionName.d.ts +0 -4
  156. package/lib/components/00-base/SectionName.js +0 -16
  157. package/lib/components/01-atoms/Button/Button.d.ts +0 -52
  158. package/lib/components/01-atoms/Button/Button.js +0 -76
  159. package/lib/components/01-atoms/Button/Button.stories.d.ts +0 -14
  160. package/lib/components/01-atoms/Button/Button.stories.js +0 -33
  161. package/lib/components/01-atoms/Button/ButtonTypes.d.ts +0 -10
  162. package/lib/components/01-atoms/Button/ButtonTypes.js +0 -14
  163. package/lib/components/01-atoms/Forms/Checkbox.d.ts +0 -21
  164. package/lib/components/01-atoms/Forms/Checkbox.js +0 -27
  165. package/lib/components/01-atoms/Forms/Checkbox.stories.d.ts +0 -7
  166. package/lib/components/01-atoms/Forms/Checkbox.stories.js +0 -23
  167. package/lib/components/01-atoms/Forms/DateRangeForm.d.ts +0 -31
  168. package/lib/components/01-atoms/Forms/DateRangeForm.js +0 -27
  169. package/lib/components/01-atoms/Forms/DateRangeForm.stories.d.ts +0 -9
  170. package/lib/components/01-atoms/Forms/DateRangeForm.stories.js +0 -23
  171. package/lib/components/01-atoms/Forms/FormDropdown.d.ts +0 -22
  172. package/lib/components/01-atoms/Forms/FormDropdown.js +0 -64
  173. package/lib/components/01-atoms/Forms/FormDropdown.stories.d.ts +0 -8
  174. package/lib/components/01-atoms/Forms/FormDropdown.stories.js +0 -22
  175. package/lib/components/01-atoms/Forms/HelperErrorText.d.ts +0 -26
  176. package/lib/components/01-atoms/Forms/HelperErrorText.js +0 -29
  177. package/lib/components/01-atoms/Forms/HelperErrorText.stories.d.ts +0 -9
  178. package/lib/components/01-atoms/Forms/HelperErrorText.stories.js +0 -23
  179. package/lib/components/01-atoms/Forms/Input.d.ts +0 -47
  180. package/lib/components/01-atoms/Forms/Input.js +0 -39
  181. package/lib/components/01-atoms/Forms/Input.stories.d.ts +0 -10
  182. package/lib/components/01-atoms/Forms/Input.stories.js +0 -22
  183. package/lib/components/01-atoms/Forms/Label.d.ts +0 -19
  184. package/lib/components/01-atoms/Forms/Label.js +0 -22
  185. package/lib/components/01-atoms/Forms/Label.stories.d.ts +0 -7
  186. package/lib/components/01-atoms/Forms/Label.stories.js +0 -20
  187. package/lib/components/01-atoms/Forms/TextField.d.ts +0 -26
  188. package/lib/components/01-atoms/Forms/TextField.js +0 -36
  189. package/lib/components/01-atoms/Forms/TextField.stories.d.ts +0 -7
  190. package/lib/components/01-atoms/Forms/TextField.stories.js +0 -20
  191. package/lib/components/01-atoms/Images/Icons/Icon.d.ts +0 -14
  192. package/lib/components/01-atoms/Images/Icons/Icon.js +0 -38
  193. package/lib/components/01-atoms/Images/Image/Image.d.ts +0 -8
  194. package/lib/components/01-atoms/Images/Image/Image.js +0 -32
  195. package/lib/components/01-atoms/Images/Image/Image.stories.d.ts +0 -8
  196. package/lib/components/01-atoms/Images/Image/Image.stories.js +0 -24
  197. package/lib/components/01-atoms/Links/BasicLink.d.ts +0 -15
  198. package/lib/components/01-atoms/Links/BasicLink.js +0 -50
  199. package/lib/components/01-atoms/Links/BasicLink.stories.d.ts +0 -8
  200. package/lib/components/01-atoms/Links/BasicLink.stories.js +0 -21
  201. package/lib/components/01-atoms/Links/IconLink.d.ts +0 -13
  202. package/lib/components/01-atoms/Links/IconLink.js +0 -44
  203. package/lib/components/01-atoms/Links/IconLink.stories.d.ts +0 -10
  204. package/lib/components/01-atoms/Links/IconLink.stories.js +0 -24
  205. package/lib/components/01-atoms/Links/Link.d.ts +0 -13
  206. package/lib/components/01-atoms/Links/Link.js +0 -51
  207. package/lib/components/01-atoms/Links/UnderlineLink.d.ts +0 -11
  208. package/lib/components/01-atoms/Links/UnderlineLink.js +0 -29
  209. package/lib/components/01-atoms/Links/UnderlineLink.stories.d.ts +0 -8
  210. package/lib/components/01-atoms/Links/UnderlineLink.stories.js +0 -21
  211. package/lib/components/01-atoms/Text/Headings/Heading.d.ts +0 -16
  212. package/lib/components/01-atoms/Text/Headings/Heading.js +0 -40
  213. package/lib/components/01-atoms/Text/Headings/Heading.stories.d.ts +0 -12
  214. package/lib/components/01-atoms/Text/Headings/Heading.stories.js +0 -35
  215. package/lib/components/01-atoms/Text/Headings/RNSectionTitle.d.ts +0 -2
  216. package/lib/components/01-atoms/Text/Headings/RNSectionTitle.js +0 -18
  217. package/lib/components/01-atoms/Text/Headings/RNSectionTitle.stories.d.ts +0 -7
  218. package/lib/components/01-atoms/Text/Headings/RNSectionTitle.stories.js +0 -24
  219. package/lib/components/01-atoms/Text/Text/BodyText.d.ts +0 -12
  220. package/lib/components/01-atoms/Text/Text/BodyText.js +0 -73
  221. package/lib/components/01-atoms/Text/Text/BodyText.stories.d.ts +0 -14
  222. package/lib/components/01-atoms/Text/Text/BodyText.stories.js +0 -54
  223. package/lib/components/02-molecules/Cards/EditionCard.d.ts +0 -31
  224. package/lib/components/02-molecules/Cards/EditionCard.js +0 -51
  225. package/lib/components/02-molecules/Cards/EditionCard.stories.d.ts +0 -13
  226. package/lib/components/02-molecules/Cards/EditionCard.stories.js +0 -26
  227. package/lib/components/02-molecules/Cards/SearchResultItem.d.ts +0 -17
  228. package/lib/components/02-molecules/Cards/SearchResultItem.js +0 -40
  229. package/lib/components/02-molecules/Cards/SearchResultItem.stories.d.ts +0 -8
  230. package/lib/components/02-molecules/Cards/SearchResultItem.stories.js +0 -31
  231. package/lib/components/02-molecules/Dropdown/Dropdown.d.ts +0 -21
  232. package/lib/components/02-molecules/Dropdown/Dropdown.js +0 -55
  233. package/lib/components/02-molecules/Dropdown/Dropdown.stories.d.ts +0 -14
  234. package/lib/components/02-molecules/Dropdown/Dropdown.stories.js +0 -33
  235. package/lib/components/02-molecules/Headings/SectionTitle.d.ts +0 -17
  236. package/lib/components/02-molecules/Headings/SectionTitle.js +0 -42
  237. package/lib/components/02-molecules/Headings/SectionTitle.stories.d.ts +0 -8
  238. package/lib/components/02-molecules/Headings/SectionTitle.stories.js +0 -20
  239. package/lib/components/02-molecules/Menus/Breadcrumbs/Breadcrumbs.d.ts +0 -14
  240. package/lib/components/02-molecules/Menus/Breadcrumbs/Breadcrumbs.js +0 -51
  241. package/lib/components/02-molecules/Menus/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -8
  242. package/lib/components/02-molecules/Menus/Breadcrumbs/Breadcrumbs.stories.js +0 -30
  243. package/lib/components/02-molecules/Menus/Pagination/Pagination.d.ts +0 -11
  244. package/lib/components/02-molecules/Menus/Pagination/Pagination.js +0 -57
  245. package/lib/components/02-molecules/Menus/Pagination/Pagination.stories.d.ts +0 -7
  246. package/lib/components/02-molecules/Menus/Pagination/Pagination.stories.js +0 -20
  247. package/lib/components/02-molecules/SearchBar/SearchBar.d.ts +0 -26
  248. package/lib/components/02-molecules/SearchBar/SearchBar.js +0 -69
  249. package/lib/components/02-molecules/SearchBar/SearchBar.stories.d.ts +0 -11
  250. package/lib/components/02-molecules/SearchBar/SearchBar.stories.js +0 -24
  251. package/lib/components/03-organisms/Accordion/Accordion.d.ts +0 -19
  252. package/lib/components/03-organisms/Accordion/Accordion.js +0 -41
  253. package/lib/components/03-organisms/Accordion/Accordion.stories.d.ts +0 -7
  254. package/lib/components/03-organisms/Accordion/Accordion.stories.js +0 -30
  255. package/lib/components/03-organisms/Headers/HeaderImgRight.d.ts +0 -12
  256. package/lib/components/03-organisms/Headers/HeaderImgRight.js +0 -32
  257. package/lib/components/03-organisms/Headers/HeaderImgRight.stories.d.ts +0 -7
  258. package/lib/components/03-organisms/Headers/HeaderImgRight.stories.js +0 -19
  259. package/lib/components/03-organisms/Headers/RNHeaderWithSearch.d.ts +0 -19
  260. package/lib/components/03-organisms/Headers/RNHeaderWithSearch.js +0 -27
  261. package/lib/components/03-organisms/Headers/RNHeaderWithSearch.stories.d.ts +0 -7
  262. package/lib/components/03-organisms/Headers/RNHeaderWithSearch.stories.js +0 -26
  263. package/lib/components/03-organisms/Hero/Hero.d.ts +0 -31
  264. package/lib/components/03-organisms/Hero/Hero.js +0 -62
  265. package/lib/components/03-organisms/Hero/Hero.stories.d.ts +0 -11
  266. package/lib/components/03-organisms/Hero/Hero.stories.js +0 -35
  267. package/lib/components/03-organisms/Hero/HeroTypes.d.ts +0 -6
  268. package/lib/components/03-organisms/Hero/HeroTypes.js +0 -9
  269. package/lib/components/03-organisms/List/UnorderedList.d.ts +0 -18
  270. package/lib/components/03-organisms/List/UnorderedList.js +0 -28
  271. package/lib/components/03-organisms/List/UnorderedList.stories.d.ts +0 -11
  272. package/lib/components/03-organisms/List/UnorderedList.stories.js +0 -73
  273. package/lib/components/03-organisms/SearchPromo/SearchPromo.d.ts +0 -22
  274. package/lib/components/03-organisms/SearchPromo/SearchPromo.js +0 -30
  275. package/lib/components/03-organisms/SearchPromo/SearchPromo.stories.d.ts +0 -8
  276. package/lib/components/03-organisms/SearchPromo/SearchPromo.stories.js +0 -28
  277. package/lib/helpers/hoc/WithOneChild.d.ts +0 -8
  278. package/lib/helpers/hoc/WithOneChild.js +0 -63
  279. package/lib/index.d.ts +0 -24
  280. package/lib/index.js +0 -51
  281. package/lib/utils/bem.d.ts +0 -1
  282. package/lib/utils/bem.js +0 -35
  283. package/tsd.d.ts +0 -4
  284. package/webpack.prod.js +0 -38
@@ -1,21 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- const React = __importStar(require("react"));
14
- const BasicLink_1 = __importDefault(require("./BasicLink"));
15
- exports.default = {
16
- title: "Basic Link (Must be Wrapped in another component)",
17
- component: BasicLink_1.default,
18
- };
19
- exports.passedInBasicLink = () => React.createElement(BasicLink_1.default, { className: "passed-in-class" },
20
- React.createElement("a", { href: "#passed-in-link" }, "I'm cold"));
21
- exports.generatedBasicLink = () => React.createElement(BasicLink_1.default, { className: "passed-in-class", url: "#passed-in-link" }, "I'm very cold");
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- export interface IconLinkProps {
3
- url?: string;
4
- attributes?: {};
5
- modifiers?: string[];
6
- blockName?: string;
7
- iconPosition?: string;
8
- iconModifiers?: string[];
9
- }
10
- export default class IconLink extends React.Component<IconLinkProps, {}> {
11
- constructor(props: IconLinkProps);
12
- render(): JSX.Element;
13
- }
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- // MT-18 Text Link With Optional Icon
14
- const React = __importStar(require("react"));
15
- const bem_1 = __importDefault(require("../../../utils/bem"));
16
- const Icon_1 = __importDefault(require("../Images/Icons/Icon"));
17
- const BasicLink_1 = __importDefault(require("./BasicLink"));
18
- class IconLink extends React.Component {
19
- constructor(props) {
20
- super(props);
21
- }
22
- render() {
23
- let iconLink__base_class = "more-link";
24
- const { url, attributes, modifiers, blockName, iconPosition, iconModifiers } = this.props;
25
- let moreLinkModifiers = modifiers ? modifiers : [];
26
- let children = this.props.children;
27
- let icon = { element: undefined };
28
- if (iconPosition) {
29
- if (iconPosition === "left") {
30
- moreLinkModifiers.push("icon-left");
31
- }
32
- else if (iconPosition === "right") {
33
- moreLinkModifiers.push("icon-right");
34
- }
35
- else {
36
- throw new Error("iconPosition can only have values \"left\" or \"right\"");
37
- }
38
- icon.element = React.createElement(Icon_1.default, { name: "arrow-xsmall", blockName: iconLink__base_class, modifiers: iconModifiers, decorative: true });
39
- }
40
- let className = bem_1.default(iconLink__base_class, moreLinkModifiers, blockName);
41
- return React.createElement(BasicLink_1.default, { url: url, className: className, attributes: attributes, icon: icon }, children);
42
- }
43
- }
44
- exports.default = IconLink;
@@ -1,10 +0,0 @@
1
- import IconLink from "./IconLink";
2
- declare const _default: {
3
- title: string;
4
- component: typeof IconLink;
5
- };
6
- export default _default;
7
- export declare const passedInLinkWithLeftIcon: () => JSX.Element;
8
- export declare const passedInLinkWithNoIcon: () => JSX.Element;
9
- export declare const linkWithLeftIcon: () => JSX.Element;
10
- export declare const linkWithRightIcon: () => JSX.Element;
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- const React = __importStar(require("react"));
14
- const IconLink_1 = __importDefault(require("./IconLink"));
15
- exports.default = {
16
- title: "Link with Icon",
17
- component: IconLink_1.default,
18
- };
19
- exports.passedInLinkWithLeftIcon = () => React.createElement(IconLink_1.default, { iconPosition: "left", iconModifiers: ["left"] },
20
- React.createElement("a", { href: "#passed-in-link" }, "hello there"));
21
- exports.passedInLinkWithNoIcon = () => React.createElement(IconLink_1.default, null,
22
- React.createElement("a", { href: "#passed-in-link" }, "hello there"));
23
- exports.linkWithLeftIcon = () => React.createElement(IconLink_1.default, { url: "#generated-link-link", iconPosition: "left", iconModifiers: ["left"] }, "hello there");
24
- exports.linkWithRightIcon = () => React.createElement(IconLink_1.default, { url: "#generated-link-link", iconPosition: "right", iconModifiers: ["right"] }, "hello there");
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- export interface LinkProps {
3
- className: string;
4
- icon?: {
5
- element: JSX.Element;
6
- };
7
- url?: string;
8
- attributes?: {};
9
- }
10
- export default class Link extends React.Component<LinkProps, {}> {
11
- constructor(props: LinkProps);
12
- render(): JSX.Element;
13
- }
@@ -1,51 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- // Base Link Helper Class
11
- const React = __importStar(require("react"));
12
- const react_uid_1 = require("react-uid");
13
- class Link extends React.Component {
14
- constructor(props) {
15
- super(props);
16
- }
17
- render() {
18
- const { url, className, attributes, icon } = this.props;
19
- let props = Object.assign({ className: className, href: url }, attributes);
20
- let childProps = {};
21
- React.Children.forEach(this.props.children, (child, i) => {
22
- if (i === 0) {
23
- childProps = child.props;
24
- }
25
- else {
26
- throw new Error("Please pass only one child into Link");
27
- }
28
- });
29
- let elementChildren = React.Children.map(this.props.children, (child) => {
30
- if (child.type === "a") {
31
- return child.props.children;
32
- }
33
- else {
34
- if (!props.href) {
35
- throw new Error("IconLink needs prop \"url\"");
36
- }
37
- else {
38
- return child.props ? child.props.children : child;
39
- }
40
- }
41
- });
42
- elementChildren.map(child => {
43
- return React.cloneElement(child, { key: react_uid_1.uid(child) });
44
- });
45
- if (icon) {
46
- elementChildren.push(React.cloneElement(icon.element, { key: react_uid_1.uid(icon) }));
47
- }
48
- return React.createElement("a", Object.assign(Object.assign({}, props), childProps), elementChildren);
49
- }
50
- }
51
- exports.default = Link;
@@ -1,11 +0,0 @@
1
- import * as React from "react";
2
- export interface UnderlineLinkProps {
3
- url?: string;
4
- attributes?: {};
5
- modifiers?: string[];
6
- blockName?: string;
7
- }
8
- export default class UnderlineLink extends React.Component<UnderlineLinkProps, {}> {
9
- constructor(props: UnderlineLinkProps);
10
- render(): JSX.Element;
11
- }
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- // MT-173 Text Link
14
- const React = __importStar(require("react"));
15
- const bem_1 = __importDefault(require("../../../utils/bem"));
16
- const BasicLink_1 = __importDefault(require("./BasicLink"));
17
- class UnderlineLink extends React.Component {
18
- constructor(props) {
19
- super(props);
20
- }
21
- render() {
22
- let link__base_class = "link";
23
- const { url, attributes, modifiers, blockName } = this.props;
24
- let className = bem_1.default(link__base_class, modifiers, blockName);
25
- let children = this.props.children;
26
- return React.createElement(BasicLink_1.default, { url: url, className: className, attributes: attributes }, children);
27
- }
28
- }
29
- exports.default = UnderlineLink;
@@ -1,8 +0,0 @@
1
- import UnderlineLink from "./UnderlineLink";
2
- declare const _default: {
3
- title: string;
4
- component: typeof UnderlineLink;
5
- };
6
- export default _default;
7
- export declare const passedInLink: () => JSX.Element;
8
- export declare const generatedLink: () => JSX.Element;
@@ -1,21 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- const React = __importStar(require("react"));
14
- const UnderlineLink_1 = __importDefault(require("./UnderlineLink"));
15
- exports.default = {
16
- title: "Link with Underline",
17
- component: UnderlineLink_1.default,
18
- };
19
- exports.passedInLink = () => React.createElement(UnderlineLink_1.default, null,
20
- React.createElement("a", { href: "#passed-in-link" }, "hello there"));
21
- exports.generatedLink = () => React.createElement(UnderlineLink_1.default, { url: "#passed-in-link" }, "hello");
@@ -1,16 +0,0 @@
1
- import * as React from "react";
2
- export interface HeadingProps {
3
- level: number;
4
- id: string;
5
- baseClass?: string;
6
- modifiers?: string[];
7
- blockName?: string;
8
- url?: string;
9
- urlClass?: string;
10
- text?: string;
11
- attributes?: {};
12
- }
13
- export default function Heading(props: React.PropsWithChildren<HeadingProps>): React.ReactElement<{
14
- className: string;
15
- id: string;
16
- }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- // MT-82, MT 225, etc
14
- const React = __importStar(require("react"));
15
- const bem_1 = __importDefault(require("../../../../utils/bem"));
16
- function Heading(props) {
17
- const { level, id, baseClass = "heading", text, modifiers, blockName, url, urlClass, attributes } = props;
18
- let heading_base_class = baseClass;
19
- if (level < 1 || level > 6) {
20
- throw new Error("Heading only supports levels 1-6");
21
- }
22
- if (!props.children && !text) {
23
- throw new Error("Heading has no children, please pass prop: text");
24
- }
25
- if (React.Children.count(props.children) > 1) {
26
- const children = React.Children.map(props.children, child => child.type);
27
- // Catching the error because React's error isn't as helpful.
28
- throw new Error(`Please only pass one child into Heading, got ${children.join(", ")}`);
29
- }
30
- let content;
31
- if (props.children) {
32
- content = url ? React.createElement("a", { href: url, className: urlClass }, props.children) : props.children;
33
- }
34
- else {
35
- content = url ? React.createElement("a", { href: url, className: urlClass }, text) : text;
36
- }
37
- let headingProps = Object.assign({ className: bem_1.default(heading_base_class, modifiers, blockName), id: id }, attributes);
38
- return React.createElement("h" + level, headingProps, content);
39
- }
40
- exports.default = Heading;
@@ -1,12 +0,0 @@
1
- import Heading from "./Heading";
2
- declare const _default: {
3
- title: string;
4
- component: typeof Heading;
5
- };
6
- export default _default;
7
- export declare const allHeadings: () => JSX.Element[];
8
- export declare const headingsWithBold: () => JSX.Element;
9
- export declare const headingsWithLink: () => JSX.Element;
10
- export declare const pageTitleAT79: () => JSX.Element;
11
- export declare const pageTitleAT3: () => JSX.Element;
12
- export declare const heading2AT264: () => JSX.Element;
@@ -1,35 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- const React = __importStar(require("react"));
14
- const Heading_1 = __importDefault(require("./Heading"));
15
- exports.default = {
16
- title: "Heading",
17
- component: Heading_1.default
18
- };
19
- exports.allHeadings = () => [
20
- React.createElement(Heading_1.default, { level: 1, id: "heading1", text: "Heading 1" }),
21
- React.createElement(Heading_1.default, { level: 2, id: "heading2", text: "Heading 2" }),
22
- React.createElement(Heading_1.default, { level: 3, id: "heading3", text: "Heading 3" }),
23
- React.createElement(Heading_1.default, { level: 4, id: "heading4", text: "Heading 4" }),
24
- React.createElement(Heading_1.default, { level: 5, id: "heading5", text: "Heading 5" }),
25
- React.createElement(Heading_1.default, { level: 6, id: "heading6", text: "Heading 6" })
26
- ];
27
- exports.headingsWithBold = () => React.createElement(Heading_1.default, { id: "heading1", level: 1 },
28
- React.createElement("b", null, "Head"),
29
- "ing 1");
30
- exports.headingsWithLink = () => React.createElement(Heading_1.default, { id: "heading1", level: 1 },
31
- React.createElement("a", { href: "hello" }, "Head"),
32
- "ing");
33
- exports.pageTitleAT79 = () => React.createElement(Heading_1.default, { level: 1, id: "hello-page-title", blockName: "page-title", modifiers: ["block-color"], text: "hello" });
34
- exports.pageTitleAT3 = () => React.createElement(Heading_1.default, { level: 1, id: "hello-page-title", blockName: "page-title", text: "hello" });
35
- exports.heading2AT264 = () => React.createElement(Heading_1.default, { level: 2, id: "hello-h2-heading", text: "Viewing 1 out of 10" });
@@ -1,2 +0,0 @@
1
- import * as React from "react";
2
- export default function RNSectionTitle(props: React.PropsWithChildren<{}>): JSX.Element;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- /* AT-79 Page Title - Level 1
3
- This is the ResearchNow Variant, which isn't a semantic heading.*/
4
- var __importStar = (this && this.__importStar) || function (mod) {
5
- if (mod && mod.__esModule) return mod;
6
- var result = {};
7
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
8
- result["default"] = mod;
9
- return result;
10
- };
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- // This story serves as documentation and example code for ResearchNow's Section Title.
13
- // Because ResearchNow uses React-Router's Link, the component itself must be passed in for routing to work properly.
14
- const React = __importStar(require("react"));
15
- function RNSectionTitle(props) {
16
- return React.createElement(React.Fragment, null, props.children);
17
- }
18
- exports.default = RNSectionTitle;
@@ -1,7 +0,0 @@
1
- import RNSectionTitle from "./RNSectionTitle";
2
- declare const _default: {
3
- title: string;
4
- component: typeof RNSectionTitle;
5
- };
6
- export default _default;
7
- export declare const researchNowSectionTitle: () => JSX.Element;
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- const React = __importStar(require("react"));
14
- const RNSectionTitle_1 = __importDefault(require("./RNSectionTitle"));
15
- const bem_1 = __importDefault(require("../../../../utils/bem"));
16
- exports.default = {
17
- title: "Research Now Section Title",
18
- component: RNSectionTitle_1.default
19
- };
20
- exports.researchNowSectionTitle = () => React.createElement(RNSectionTitle_1.default, null,
21
- React.createElement("a", { className: `${bem_1.default("rn-section-title", [])} rn-section-title`, href: "researchNow-home-url" },
22
- React.createElement("span", { id: "research-now-title" },
23
- "Research",
24
- React.createElement("span", { className: bem_1.default("emphasis", [], "rn-section-title") }, "Now"))));
@@ -1,12 +0,0 @@
1
- import * as React from "react";
2
- export interface BodyTextProps {
3
- warnchar?: number;
4
- maxchar?: number;
5
- bodyContent?: JSX.Element;
6
- modifiers?: string[];
7
- blockName?: string;
8
- }
9
- export default function BodyText(props: React.PropsWithChildren<BodyTextProps>): React.DetailedReactHTMLElement<{
10
- children?: React.ReactNode;
11
- className: string;
12
- }, HTMLElement>;
@@ -1,73 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importStar = (this && this.__importStar) || function (mod) {
14
- if (mod && mod.__esModule) return mod;
15
- var result = {};
16
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
17
- result["default"] = mod;
18
- return result;
19
- };
20
- var __importDefault = (this && this.__importDefault) || function (mod) {
21
- return (mod && mod.__esModule) ? mod : { "default": mod };
22
- };
23
- Object.defineProperty(exports, "__esModule", { value: true });
24
- const React = __importStar(require("react"));
25
- const server_1 = __importDefault(require("react-dom/server"));
26
- const bem_1 = __importDefault(require("../../../../utils/bem"));
27
- const he = __importStar(require("he"));
28
- // TODO: This does not work in SFR
29
- // if HTML is invalid, throw an error.
30
- // This checker is excessively strict because it should only be set by internal engineers.
31
- // Please do not pass user inputs into <BodyText> before first formatting it.
32
- function checkHTML(node) {
33
- let html = server_1.default.renderToString(node);
34
- let doc = document.createElement("div");
35
- doc.innerHTML = html;
36
- if (doc.innerHTML !== he.decode(html)) {
37
- throw new Error("Invalid HTML. Please validate HTML and make sure all tags are closed before passing it into BodyText");
38
- }
39
- }
40
- function validateCharCount(node, warnChar, maxChar) {
41
- if (!maxChar)
42
- return;
43
- let html = he.decode(server_1.default.renderToString(node));
44
- let doc = document.createElement("div");
45
- doc.innerHTML = html;
46
- if (warnChar && doc.textContent.length >= warnChar) {
47
- console.warn("Body Text should be fewer than " + warnChar + " characters");
48
- }
49
- if (doc.textContent.length >= maxChar) {
50
- throw new Error("Body text must be fewer than " + maxChar + " characters");
51
- }
52
- }
53
- // Check if any element is a string by itself, rather than wrapped in tags
54
- function hasString(node) {
55
- return React.Children.map(node, (child) => {
56
- if (!child.type) {
57
- return child;
58
- }
59
- }).length > 0;
60
- }
61
- function BodyText(props) {
62
- const { bodyContent, warnchar, maxchar, modifiers, blockName } = props, rest = __rest(props, ["bodyContent", "warnchar", "maxchar", "modifiers", "blockName"]);
63
- const baseClass = "body-text";
64
- let passedInContent = bodyContent ? bodyContent : props.children;
65
- // validateCharCount(passedInContent, warnchar, maxchar);
66
- // checkHTML(passedInContent);
67
- let content = hasString(passedInContent) ? React.createElement("p", {}, passedInContent) : passedInContent;
68
- let bodyProps = {
69
- className: bem_1.default(baseClass, modifiers, blockName)
70
- };
71
- return React.createElement("div", Object.assign(Object.assign({}, bodyProps), rest), content);
72
- }
73
- exports.default = BodyText;
@@ -1,14 +0,0 @@
1
- import BodyText from "./BodyText";
2
- declare const _default: {
3
- title: string;
4
- component: typeof BodyText;
5
- };
6
- export default _default;
7
- export declare const text: () => JSX.Element;
8
- export declare const textWithLink: () => JSX.Element;
9
- export declare const textWithBold: () => JSX.Element;
10
- export declare const textWithItalic: () => JSX.Element;
11
- export declare const textWithOrderedList: () => JSX.Element;
12
- export declare const textWithUnorderedList: () => JSX.Element;
13
- export declare const textWithHeading: () => JSX.Element;
14
- export declare const truncatedText: () => JSX.Element;
@@ -1,54 +0,0 @@
1
- "use strict";
2
- var __importStar = (this && this.__importStar) || function (mod) {
3
- if (mod && mod.__esModule) return mod;
4
- var result = {};
5
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
6
- result["default"] = mod;
7
- return result;
8
- };
9
- var __importDefault = (this && this.__importDefault) || function (mod) {
10
- return (mod && mod.__esModule) ? mod : { "default": mod };
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- const React = __importStar(require("react"));
14
- const BodyText_1 = __importDefault(require("./BodyText"));
15
- exports.default = {
16
- title: "BodyText",
17
- component: BodyText_1.default,
18
- };
19
- exports.text = () => React.createElement(BodyText_1.default, null, "Souffl\u00E9 jujubes cupcake chocolate bar topping. Lollipop sesame snaps tootsie roll liquorice sweet chupa chups. Gummi bears tart sweet roll tiramisu biscuit cookie cake. Cookie chocolate jelly-o topping. Halvah bear claw wafer cupcake tiramisu ice cream tart gummi bears. Lemon drops chocolate cake croissant lemon drops gummies ice cream sugar plum. Sweet sesame snaps cookie toffee. Tart muffin bonbon jelly halvah jelly. Macaroon cake caramels jujubes macaroon lemon drops. Chocolate cake pie halvah. Macaroon lemon drops tiramisu chocolate bar jujubes tootsie roll apple pie. Icing sesame snaps pastry caramels muffin donut. Cake chocolate tiramisu marshmallow. Jujubes powder drag\u00E9e caramels wafer apple pie bear claw apple pie.");
20
- exports.textWithLink = () => React.createElement(BodyText_1.default, null,
21
- "Souffl\u00E9 jujubes chocolate bar topping. Lollipop sesame snaps tootsie roll liquorice sweet chupa chups. Gummi bears tart sweet roll tiramisu biscuit cookie cake. Cookie chocolate jelly-o topping. Halvah bear claw wafer cupcake tiramisu ice cream tart gummi bears. Lemon drops chocolate cake croissant lemon drops gummies ice cream sugar plum. Sweet sesame snaps cookie toffee. Tart muffin bonbon jelly halvah jelly. Macaroon cake caramels jujubes macaroon lemon drops. Chocolate cake pie halvah. Macaroon lemon drops tiramisu chocolate bar jujubes tootsie roll apple pie. Icing sesame snaps pastry caramels muffin donut. Cake chocolate tiramisu marshmallow. Jujubes powder drag\u00E9e caramels wafer ",
22
- React.createElement("a", { href: "#apple-pie" }, "apple pie"),
23
- " bear claw apple pie.");
24
- exports.textWithBold = () => React.createElement(BodyText_1.default, null,
25
- "Souffl\u00E9 jujubes chocolate bar topping. Lollipop sesame snaps tootsie roll liquorice sweet chupa chups. Gummi bears tart sweet roll tiramisu biscuit cookie cake. Cookie chocolate jelly-o topping. Halvah bear claw wafer cupcake tiramisu ice cream tart gummi bears. Lemon drops chocolate cake croissant lemon drops gummies ice cream sugar plum. Sweet sesame snaps cookie toffee. Tart muffin bonbon jelly halvah jelly. Macaroon cake caramels jujubes macaroon lemon drops. Chocolate cake pie halvah. Macaroon lemon drops tiramisu chocolate bar jujubes tootsie roll apple pie. Icing sesame snaps pastry caramels muffin donut. Cake chocolate tiramisu marshmallow. Jujubes powder drag\u00E9e caramels wafer ",
26
- React.createElement("b", null, "apple pie"),
27
- " bear claw apple pie.");
28
- exports.textWithItalic = () => React.createElement(BodyText_1.default, null,
29
- "Souffl\u00E9 jujubes chocolate bar topping. Lollipop sesame snaps tootsie roll liquorice sweet chupa chups. Gummi bears tart sweet roll tiramisu biscuit cookie cake. Cookie chocolate jelly-o topping. Halvah bear claw wafer cupcake tiramisu ice cream tart gummi bears. Lemon drops chocolate cake croissant lemon drops gummies ice cream sugar plum. Sweet sesame snaps cookie toffee. Tart muffin bonbon jelly halvah jelly. Macaroon cake caramels jujubes macaroon lemon drops. Chocolate cake pie halvah. Macaroon lemon drops tiramisu chocolate bar jujubes tootsie roll apple pie. Icing sesame snaps pastry caramels muffin donut. Cake chocolate tiramisu marshmallow. Jujubes powder drag\u00E9e caramels wafer ",
30
- React.createElement("i", null, "apple pie"),
31
- " bear claw apple pie.");
32
- exports.textWithOrderedList = () => React.createElement(BodyText_1.default, null,
33
- "Souffl\u00E9 jujubes chocolate bar topping. ",
34
- React.createElement("ol", null,
35
- React.createElement("li", null, "Lollipop"),
36
- React.createElement("li", null, "sesame snaps"),
37
- " ",
38
- React.createElement("li", null, "tootsie roll")),
39
- " liquorice sweet chupa chups. Gummi bears tart sweet roll tiramisu biscuit cookie cake. Cookie chocolate jelly-o topping. Halvah bear claw wafer cupcake tiramisu ice cream tart gummi bears. Lemon drops chocolate cake croissant lemon drops gummies ice cream sugar plum. Sweet sesame snaps cookie toffee. Tart muffin bonbon jelly halvah jelly. Macaroon cake caramels jujubes macaroon lemon drops. Chocolate cake pie halvah. Macaroon lemon drops tiramisu chocolate bar jujubes tootsie roll apple pie. Icing sesame snaps pastry caramels muffin donut. Cake chocolate tiramisu marshmallow. Jujubes powder drag\u00E9e caramels wafer apple pie bear claw apple pie.");
40
- exports.textWithUnorderedList = () => React.createElement(BodyText_1.default, null,
41
- "Souffl\u00E9 jujubes chocolate bar topping. ",
42
- React.createElement("ul", null,
43
- React.createElement("li", null, "Lollipop"),
44
- React.createElement("li", null, "sesame snaps"),
45
- " ",
46
- React.createElement("li", null, "tootsie roll")),
47
- " liquorice sweet chupa chups. Gummi bears tart sweet roll tiramisu biscuit cookie cake. Cookie chocolate jelly-o topping. Halvah bear claw wafer cupcake tiramisu ice cream tart gummi bears. Lemon drops chocolate cake croissant lemon drops gummies ice cream sugar plum. Sweet sesame snaps cookie toffee. Tart muffin bonbon jelly halvah jelly. Macaroon cake caramels jujubes macaroon lemon drops. Chocolate cake pie halvah. Macaroon lemon drops tiramisu chocolate bar jujubes tootsie roll apple pie. Icing sesame snaps pastry caramels muffin donut. Cake chocolate tiramisu marshmallow. Jujubes powder drag\u00E9e caramels wafer apple pie bear claw apple pie.");
48
- exports.textWithHeading = () => React.createElement(BodyText_1.default, null,
49
- React.createElement("h2", null, "Souffl\u00E9"),
50
- React.createElement("h3", null, "jujubes"),
51
- React.createElement("h4", null, "chocolate bar"),
52
- React.createElement("h5", null, "topping"),
53
- React.createElement("h6", null, "Lollipop"));
54
- exports.truncatedText = () => React.createElement(BodyText_1.default, { maxchar: 2 }, "Souffl\u00E9 jujubes chocolate bar topping. Lollipop sesame snaps tootsie roll liquorice sweet chupa chups. Gummi bears tart sweet roll tiramisu biscuit cookie cake. Cookie chocolate jelly-o topping. Halvah bear claw wafer cupcake tiramisu ice cream tart gummi bears. Lemon drops chocolate cake croissant lemon drops gummies ice cream sugar plum. Sweet sesame snaps cookie toffee. Tart muffin bonbon jelly halvah jelly. Macaroon cake caramels jujubes macaroon lemon drops. Chocolate cake pie halvah. Macaroon lemon drops tiramisu chocolate bar jujubes tootsie roll apple pie. Icing sesame snaps pastry caramels muffin donut. Cake chocolate tiramisu marshmallow. Jujubes powder drag\u00E9e caramels wafer apple pie bear claw apple pie.");
@@ -1,31 +0,0 @@
1
- import * as React from "react";
2
- export declare type EditionDetails = {
3
- editionYearHeading: JSX.Element;
4
- publisherAndLocation: string;
5
- coverUrl: string;
6
- language: string | JSX.Element;
7
- license: string | JSX.Element;
8
- readOnlineLink: string | JSX.Element;
9
- downloadLink: string | JSX.Element;
10
- noLinkElement?: JSX.Element;
11
- };
12
- export interface EditionCardProps {
13
- id: string;
14
- blockName?: string;
15
- modifiers?: string[];
16
- coverUrl: string;
17
- editionHeadingElement: JSX.Element;
18
- editionInfo: (string | JSX.Element)[];
19
- /** readOnlineLink and downloadLink take in either urls as a string,
20
- * link-type (<a>, <ReactRouter.Link>) elements
21
- * TODO: make it so that it only takes elements.
22
- * Having it take URLs is confusing and the logic shouldn't live here.*/
23
- readOnlineLink?: string | JSX.Element;
24
- downloadLink?: string | JSX.Element;
25
- /** Element to render when there are no links. */
26
- noLinkElement?: JSX.Element;
27
- }
28
- /**
29
- * EditionCard component that renders information for an edition.
30
- */
31
- export default function EditionCard(props: React.PropsWithChildren<EditionCardProps>): JSX.Element;