@salesforcedevs/dx-components 0.3.11 → 0.3.14-banner-alpha1

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 (495) hide show
  1. package/lwc.config.json +56 -19
  2. package/package.json +20 -12
  3. package/src/assets/icons/salesforcebrand-sprite/svg/symbols.svg +528 -79
  4. package/src/assets/svg/big-moon.svg +1 -0
  5. package/src/assets/svg/blue-circle.svg +3 -0
  6. package/src/assets/svg/docs-empty-state-small.svg +72 -0
  7. package/src/assets/svg/featured-demo-art-blank.svg +76 -0
  8. package/src/assets/svg/login-widget-bg.png +0 -0
  9. package/src/assets/svg/no-results-combined.svg +80 -0
  10. package/src/assets/svg/sidebar-item-loading.svg +3 -0
  11. package/src/assets/svg/sidebar-loading.svg +34 -0
  12. package/src/assets/svg/slack-cta-podcast-background-left.svg +28 -0
  13. package/src/assets/svg/slack-cta-podcast-background-right.svg +38 -0
  14. package/src/assets/svg/subscribe-background-left.svg +14 -0
  15. package/src/assets/svg/subscribe-background-right.svg +11 -0
  16. package/src/assets/svg/trial-left.svg +6 -0
  17. package/src/assets/svg/trial-right.svg +26 -0
  18. package/src/modules/dx/banner/banner.css +31 -457
  19. package/src/modules/dx/banner/banner.html +9 -37
  20. package/src/modules/dx/banner/banner.ts +7 -125
  21. package/src/modules/dx/breadcrumbs/breadcrumbs.css +18 -22
  22. package/src/modules/dx/breadcrumbs/breadcrumbs.html +7 -9
  23. package/src/modules/dx/breadcrumbs/breadcrumbs.ts +47 -32
  24. package/src/modules/dx/button/button.css +52 -19
  25. package/src/modules/dx/button/button.ts +6 -1
  26. package/src/modules/dx/buttonToggle/buttonToggle.css +50 -0
  27. package/src/modules/dx/buttonToggle/buttonToggle.html +17 -0
  28. package/src/modules/dx/buttonToggle/buttonToggle.ts +75 -0
  29. package/src/modules/dx/cardBlogPost/cardBlogPost.css +2 -2
  30. package/src/modules/dx/cardCallout/cardCallout.css +10 -4
  31. package/src/modules/dx/cardCallout/cardCallout.ts +13 -9
  32. package/src/modules/dx/cardContent/cardContent.css +8 -5
  33. package/src/modules/dx/cardContent/cardContent.html +4 -1
  34. package/src/modules/dx/cardContent/cardContent.ts +4 -2
  35. package/src/modules/dx/cardDemo/cardDemo.css +1 -1
  36. package/src/modules/dx/cardDocs/cardDocs.css +4 -3
  37. package/src/modules/dx/cardDocs/cardDocs.html +4 -1
  38. package/src/modules/dx/cardDocs/cardDocs.ts +1 -1
  39. package/src/modules/dx/cardEvent/cardEvent.css +21 -3
  40. package/src/modules/dx/cardEvent/cardEvent.html +18 -4
  41. package/src/modules/dx/cardEvent/cardEvent.ts +8 -0
  42. package/src/modules/dx/cardExpanded/cardExpanded.css +50 -0
  43. package/src/modules/dx/cardExpanded/cardExpanded.html +31 -0
  44. package/src/modules/dx/cardExpanded/cardExpanded.ts +44 -0
  45. package/src/modules/dx/cardGridDocs/cardGridDocs.css +74 -0
  46. package/src/modules/dx/cardGridDocs/cardGridDocs.html +67 -0
  47. package/src/modules/dx/cardGridDocs/cardGridDocs.ts +86 -0
  48. package/src/modules/dx/cardMinimal/cardMinimal.css +31 -0
  49. package/src/modules/dx/cardMinimal/cardMinimal.html +8 -0
  50. package/src/modules/dx/cardMinimal/cardMinimal.ts +3 -0
  51. package/src/modules/dx/cardNews/cardNews.css +5 -5
  52. package/src/modules/dx/cardNews/cardNews.html +2 -0
  53. package/src/modules/dx/cardNews/cardNews.ts +16 -1
  54. package/src/modules/dx/cardPodcastEpisode/cardPodcastEpisode.css +3 -3
  55. package/src/modules/dx/cardPodcastEpisode/cardPodcastEpisode.html +1 -1
  56. package/src/modules/dx/cardSmall/cardSmall.css +7 -3
  57. package/src/modules/dx/cardSmall/cardSmall.ts +1 -1
  58. package/src/modules/dx/cardTitle/cardTitle.css +16 -6
  59. package/src/modules/dx/cardTitle/cardTitle.html +18 -16
  60. package/src/modules/dx/cardTrailheadModule/cardTrailheadModule.css +2 -2
  61. package/src/modules/dx/cardTrial/cardTrial.css +130 -0
  62. package/src/modules/dx/cardTrial/cardTrial.html +115 -0
  63. package/src/modules/dx/cardTrial/cardTrial.ts +102 -0
  64. package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.css +149 -0
  65. package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.html +85 -0
  66. package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.ts +67 -0
  67. package/src/modules/dx/cardVideoPreview/cardVideoPreview.css +2 -2
  68. package/src/modules/dx/cardVideoPreview/cardVideoPreview.html +2 -0
  69. package/src/modules/dx/cardVideoPreview/cardVideoPreview.ts +2 -1
  70. package/src/modules/dx/checkbox/checkbox.css +39 -9
  71. package/src/modules/dx/checkbox/checkbox.html +24 -11
  72. package/src/modules/dx/checkbox/checkbox.ts +38 -5
  73. package/src/modules/dx/checkboxGroup/checkboxGroup.css +1 -1
  74. package/src/modules/dx/checkboxGroup/checkboxGroup.ts +1 -1
  75. package/src/modules/dx/checkboxNative/checkboxNative.css +21 -0
  76. package/src/modules/dx/checkboxNative/checkboxNative.html +14 -0
  77. package/src/modules/dx/checkboxNative/checkboxNative.ts +39 -0
  78. package/src/modules/dx/codeBlock/codeBlock.css +2 -2
  79. package/src/modules/dx/codeBlock/codeBlock.html +6 -4
  80. package/src/modules/dx/codeBlock/codeBlock.ts +91 -53
  81. package/src/modules/dx/codeBlock/darkTheme.css +0 -1
  82. package/src/modules/dx/codeBlock/lightTheme.css +0 -1
  83. package/src/modules/dx/dropdown/dropdown.css +7 -2
  84. package/src/modules/dx/dropdown/dropdown.html +20 -13
  85. package/src/modules/dx/dropdown/dropdown.ts +51 -24
  86. package/src/modules/dx/dropdownOption/dropdownOption.css +121 -3
  87. package/src/modules/dx/dropdownOption/dropdownOption.html +4 -0
  88. package/src/modules/dx/dropdownOption/dropdownOption.ts +43 -10
  89. package/src/modules/dx/emptyState/emptyState.css +48 -15
  90. package/src/modules/dx/emptyState/emptyState.html +6 -4
  91. package/src/modules/dx/emptyState/emptyState.ts +11 -20
  92. package/src/modules/dx/feature/feature.css +31 -2
  93. package/src/modules/dx/feature/feature.html +19 -3
  94. package/src/modules/dx/feature/feature.ts +8 -3
  95. package/src/modules/dx/featuredContentHeader/featuredContentHeader.css +105 -41
  96. package/src/modules/dx/featuredContentHeader/featuredContentHeader.html +107 -71
  97. package/src/modules/dx/featuredContentHeader/featuredContentHeader.ts +41 -18
  98. package/src/modules/dx/featuredContentHeader/svgs.ts +10 -497
  99. package/src/modules/dx/featuresList/featuresList.css +3 -3
  100. package/src/modules/dx/featuresList/featuresList.html +15 -10
  101. package/src/modules/dx/featuresList/featuresList.ts +1 -1
  102. package/src/modules/dx/filterMenu/filterMenu.css +138 -0
  103. package/src/modules/dx/filterMenu/filterMenu.html +116 -0
  104. package/src/modules/dx/filterMenu/filterMenu.ts +119 -0
  105. package/src/modules/dx/footer/footer.css +6 -10
  106. package/src/modules/dx/footer/footer.html +38 -29
  107. package/src/modules/dx/footer/footer.ts +67 -24
  108. package/src/modules/dx/footer/links.ts +110 -42
  109. package/src/modules/dx/footerOption/footerOption.css +4 -0
  110. package/src/modules/dx/footerOption/footerOption.ts +5 -4
  111. package/src/modules/dx/formattedDateTime/formattedDateTime.ts +5 -0
  112. package/src/modules/dx/grid/grid.css +7 -10
  113. package/src/modules/dx/grid/grid.md +14 -0
  114. package/src/modules/dx/grid/grid.ts +7 -9
  115. package/src/modules/dx/groupText/groupText.css +2 -2
  116. package/src/modules/dx/groupText/groupText.html +6 -1
  117. package/src/modules/dx/groupText/groupText.ts +21 -2
  118. package/src/modules/dx/header/header.css +25 -166
  119. package/src/modules/dx/header/header.html +37 -26
  120. package/src/modules/dx/header/header.ts +10 -180
  121. package/src/modules/dx/headerMobileNavMenu/headerMobileNavMenu.css +29 -12
  122. package/src/modules/dx/headerMobileNavMenu/headerMobileNavMenu.ts +6 -6
  123. package/src/modules/dx/headerMobileNavMenuOption/headerMobileNavMenuOption.ts +5 -4
  124. package/src/modules/dx/headerNav/headerNav.css +1 -45
  125. package/src/modules/dx/headerNav/headerNav.html +23 -20
  126. package/src/modules/dx/headerNav/headerNav.ts +32 -9
  127. package/src/modules/dx/headerSearch/headerSearch.css +1 -37
  128. package/src/modules/dx/headerSearch/headerSearch.html +6 -25
  129. package/src/modules/dx/headerSearch/headerSearch.ts +47 -50
  130. package/src/modules/dx/helmet/helmet.css +2 -2
  131. package/src/modules/dx/hr/hr.css +11 -9
  132. package/src/modules/dx/hr/hr.html +6 -12
  133. package/src/modules/dx/hr/hr.ts +11 -12
  134. package/src/modules/dx/icon/icon.css +1 -2
  135. package/src/modules/dx/icon/icon.ts +1 -1
  136. package/src/modules/dx/iconBadge/iconBadge.css +13 -1
  137. package/src/modules/dx/iconBadge/iconBadge.html +2 -7
  138. package/src/modules/dx/iconBadge/iconBadge.ts +16 -6
  139. package/src/modules/dx/imageAndLabel/imageAndLabel.css +3 -4
  140. package/src/modules/dx/imageAndLabel/imageAndLabel.html +14 -2
  141. package/src/modules/dx/input/input.css +68 -4
  142. package/src/modules/dx/input/input.html +27 -2
  143. package/src/modules/dx/input/input.ts +108 -32
  144. package/src/modules/dx/interactiveImage/interactiveImage.css +2 -2
  145. package/src/modules/dx/logo/logo.css +32 -0
  146. package/src/modules/dx/logo/logo.html +6 -0
  147. package/src/modules/dx/logo/logo.ts +8 -0
  148. package/src/modules/dx/metadataBadge/metadataBadge.css +41 -0
  149. package/src/modules/dx/metadataBadge/metadataBadge.html +5 -0
  150. package/src/modules/dx/metadataBadge/metadataBadge.ts +24 -0
  151. package/src/modules/dx/modal/modal.css +40 -0
  152. package/src/modules/dx/modal/modal.html +10 -0
  153. package/src/modules/dx/modal/modal.ts +50 -0
  154. package/src/modules/dx/modalDrawer/modalDrawer.css +41 -0
  155. package/src/modules/dx/modalDrawer/modalDrawer.html +11 -0
  156. package/src/modules/dx/modalDrawer/modalDrawer.ts +33 -0
  157. package/src/modules/dx/pagination/pagination.css +2 -3
  158. package/src/modules/dx/pagination/pagination.ts +50 -8
  159. package/src/modules/dx/podcastHost/podcastHost.css +2 -2
  160. package/src/modules/dx/podcastHost/podcastHost.html +2 -2
  161. package/src/modules/dx/popover/popover.css +29 -4
  162. package/src/modules/dx/popover/popover.html +2 -2
  163. package/src/modules/dx/popover/popover.ts +121 -86
  164. package/src/modules/dx/radioGroup/radioGroup.css +1 -1
  165. package/src/modules/dx/radioGroup/radioGroup.ts +1 -1
  166. package/src/modules/dx/searchResults/coveo.css +314 -111
  167. package/src/modules/dx/searchResults/searchResults.css +2 -2
  168. package/src/modules/dx/searchResults/searchResults.html +10 -11
  169. package/src/modules/dx/searchResults/searchResults.ts +41 -20
  170. package/src/modules/dx/section/section.css +15 -12
  171. package/src/modules/dx/section/section.html +1 -1
  172. package/src/modules/dx/section/section.ts +11 -11
  173. package/src/modules/dx/sectionSignup/sectionSignup.html +0 -1
  174. package/src/modules/dx/select/select.css +221 -0
  175. package/src/modules/dx/select/select.html +57 -0
  176. package/src/modules/dx/select/select.ts +141 -0
  177. package/src/modules/dx/sidebar/sidebar.css +26 -143
  178. package/src/modules/dx/sidebar/sidebar.html +63 -40
  179. package/src/modules/dx/sidebar/sidebar.ts +156 -69
  180. package/src/modules/dx/sidebarOld/sidebarOld.css +16 -0
  181. package/src/modules/dx/sidebarOld/sidebarOld.html +74 -0
  182. package/src/modules/dx/sidebarOld/sidebarOld.ts +194 -0
  183. package/src/modules/dx/sidebarSearch/sidebarSearch.css +3 -0
  184. package/src/modules/dx/sidebarSearch/sidebarSearch.html +26 -0
  185. package/src/modules/dx/sidebarSearch/sidebarSearch.ts +463 -0
  186. package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.css +36 -0
  187. package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.html +14 -0
  188. package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.ts +70 -0
  189. package/src/modules/dx/skipNavLink/skipNavLink.css +21 -0
  190. package/src/modules/dx/skipNavLink/skipNavLink.html +3 -0
  191. package/src/modules/dx/skipNavLink/skipNavLink.ts +3 -0
  192. package/src/modules/dx/socials/socials.ts +1 -1
  193. package/src/modules/dx/spinner/spinner.css +743 -0
  194. package/src/modules/dx/spinner/spinner.html +6 -0
  195. package/src/modules/dx/spinner/spinner.ts +20 -0
  196. package/src/modules/dx/tab/tab.css +88 -17
  197. package/src/modules/dx/tab/tab.html +10 -12
  198. package/src/modules/dx/tab/tab.ts +35 -28
  199. package/src/modules/dx/tabPanel/tabPanel.css +12 -1
  200. package/src/modules/dx/tabPanelItem/tabPanelItem.css +39 -0
  201. package/src/modules/dx/tabPanelItem/tabPanelItem.html +15 -0
  202. package/src/modules/dx/tabPanelItem/tabPanelItem.ts +39 -0
  203. package/src/modules/dx/tabPanelList/tabPanelList.css +35 -0
  204. package/src/modules/dx/tabPanelList/tabPanelList.html +47 -0
  205. package/src/modules/dx/{tabs/tabs.ts → tabPanelList/tabPanelList.ts} +56 -4
  206. package/src/modules/dx/{tabs → tabPanelList}/uniqueId.ts +0 -0
  207. package/src/modules/dx/tbidAvatarButton/tbidAvatarButton.css +33 -0
  208. package/src/modules/dx/tbidAvatarButton/tbidAvatarButton.html +53 -0
  209. package/src/modules/dx/tbidAvatarButton/tbidAvatarButton.ts +440 -0
  210. package/src/modules/dx/toc/toc.css +26 -6
  211. package/src/modules/dx/toc/toc.html +1 -0
  212. package/src/modules/dx/toc/toc.ts +1 -1
  213. package/src/modules/dx/tooltip/microtip.css +269 -0
  214. package/src/modules/dx/tooltip/tooltip.css +23 -10
  215. package/src/modules/dx/tooltip/tooltip.html +1 -1
  216. package/src/modules/dx/tooltip/tooltip.ts +3 -39
  217. package/src/modules/dx/topics/topics.css +26 -0
  218. package/src/modules/dx/topics/topics.html +12 -0
  219. package/src/modules/dx/topics/topics.ts +25 -0
  220. package/src/modules/dx/tree/tree.css +1 -1
  221. package/src/modules/dx/tree/tree.ts +9 -1
  222. package/src/modules/dx/tree/treeHandler.ts +1 -0
  223. package/src/modules/dx/treeItem/treeItem.css +12 -1
  224. package/src/modules/dx/treeItem/treeItem.html +10 -11
  225. package/src/modules/dx/treeItem/treeItem.ts +64 -9
  226. package/src/modules/dx/treeTile/treeTile.css +63 -54
  227. package/src/modules/dx/treeTile/treeTile.html +13 -9
  228. package/src/modules/dx/treeTile/treeTile.ts +25 -5
  229. package/src/modules/dx/typeBadge/typeBadge.css +20 -43
  230. package/src/modules/dx/typeBadge/typeBadge.html +7 -1
  231. package/src/modules/dx/typeBadge/typeBadge.ts +155 -8
  232. package/src/modules/dx/vimeoPlayer/vimeoPlayer.css +1 -0
  233. package/src/modules/dx/vimeoPlayer/vimeoPlayer.html +3 -0
  234. package/src/modules/dx/vimeoPlayer/vimeoPlayer.ts +31 -0
  235. package/src/modules/dxBaseElements/archiveCard/archiveCard.ts +31 -0
  236. package/src/modules/dxBaseElements/headerBase/headerBase.ts +215 -0
  237. package/src/modules/dxBaseElements/matchMediaElement/matchMediaElement.ts +59 -0
  238. package/src/modules/dxBaseElements/sidebarBase/sidebarBase.ts +65 -0
  239. package/src/modules/dxConstants/brands/brands.ts +14 -0
  240. package/src/modules/dxConstants/colors/colors.ts +14 -0
  241. package/src/modules/dxConstants/contentTypes/contentTypes.ts +10 -0
  242. package/src/modules/{helpers → dxHelpers}/animations/animations.css +0 -0
  243. package/src/modules/{helpers → dxHelpers}/button/button.css +0 -0
  244. package/src/modules/{helpers → dxHelpers}/card/card.css +41 -15
  245. package/src/modules/{helpers → dxHelpers}/code/code.css +0 -0
  246. package/src/modules/dxHelpers/commonHeader/commonHeader.css +131 -0
  247. package/src/modules/dxHelpers/commonSidebar/commonSidebar.css +145 -0
  248. package/src/modules/dxHelpers/commonTreeItem/commonTreeItem.css +21 -0
  249. package/src/modules/{helpers → dxHelpers}/reset/reset.css +0 -0
  250. package/src/modules/dxHelpers/scrollbar/scrollbar.css +31 -0
  251. package/src/modules/{helpers → dxHelpers}/table/table.css +24 -8
  252. package/src/modules/{helpers → dxHelpers}/text/text.css +48 -0
  253. package/src/modules/dxUtils/analytics/analytics.ts +24 -0
  254. package/src/modules/dxUtils/async/async.ts +45 -0
  255. package/src/modules/dxUtils/browser/browser.ts +17 -0
  256. package/src/modules/dxUtils/constants/breakpoints.ts +9 -0
  257. package/src/modules/dxUtils/constants/constants.ts +1 -0
  258. package/src/modules/dxUtils/coveo/coveo.ts +70 -0
  259. package/src/modules/dxUtils/css/css.ts +53 -0
  260. package/src/modules/dxUtils/dates/dates.ts +60 -0
  261. package/src/modules/{utils → dxUtils}/devices/devices.ts +0 -0
  262. package/src/modules/dxUtils/highlight/highlight.ts +32 -0
  263. package/src/modules/dxUtils/language/language.ts +21 -0
  264. package/src/modules/dxUtils/lwc/lwc.ts +9 -0
  265. package/src/modules/{utils → dxUtils}/normalizers/normalizers.ts +15 -23
  266. package/src/modules/{utils → dxUtils}/options/options.ts +13 -9
  267. package/src/modules/{utils → dxUtils}/prismjs/prismjs.html +0 -0
  268. package/src/modules/dxUtils/prismjs/prismjs.ts +3937 -0
  269. package/src/modules/dxUtils/queryCoordinator/queryCoordinator.ts +43 -0
  270. package/src/modules/dxUtils/recentSearches/recentSearches.ts +57 -0
  271. package/src/modules/dxUtils/regexps/regexps.ts +5 -0
  272. package/src/modules/dxUtils/seo/seo.ts +4 -0
  273. package/src/modules/{utils → dxUtils}/slot/slot.ts +0 -0
  274. package/src/modules/{utils → dxUtils}/wordpress/wordpress.ts +0 -0
  275. package/LICENSE +0 -12
  276. package/src/modules/dx/banner/__tests__/banner.test.ts +0 -80
  277. package/src/modules/dx/banner/banner.stories.ts +0 -121
  278. package/src/modules/dx/banner/svgs.ts +0 -1107
  279. package/src/modules/dx/brandThemeProvider/__tests__/brandThemeProvider.test.ts +0 -49
  280. package/src/modules/dx/brandThemeProvider/brandThemeProvider.stories.ts +0 -321
  281. package/src/modules/dx/breadcrumbs/__tests__/breadcrumbs.test.ts +0 -82
  282. package/src/modules/dx/breadcrumbs/__tests__/mockProps.ts +0 -28
  283. package/src/modules/dx/breadcrumbs/breadcrumbs.stories.ts +0 -13
  284. package/src/modules/dx/button/__tests__/button.test.ts +0 -107
  285. package/src/modules/dx/button/button.stories.ts +0 -150
  286. package/src/modules/dx/cardBlogPost/__tests__/cardBlogPost.test.ts +0 -27
  287. package/src/modules/dx/cardBlogPost/__tests__/mockProps.ts +0 -12
  288. package/src/modules/dx/cardBlogPost/cardBlogPost.stories.ts +0 -164
  289. package/src/modules/dx/cardBlogPostProvider/__tests__/cardBlogPostProvider.test.ts +0 -34
  290. package/src/modules/dx/cardBlogPostProvider/__tests__/mockWordpressPosts.ts +0 -44
  291. package/src/modules/dx/cardBlogPostProvider/cardBlogPostProvider.css +0 -3
  292. package/src/modules/dx/cardBlogPostProvider/cardBlogPostProvider.html +0 -16
  293. package/src/modules/dx/cardBlogPostProvider/cardBlogPostProvider.ts +0 -29
  294. package/src/modules/dx/cardCallout/__tests__/cardCallout.test.ts +0 -23
  295. package/src/modules/dx/cardCallout/__tests__/mockProps.ts +0 -7
  296. package/src/modules/dx/cardCallout/cardCallout.stories.ts +0 -33
  297. package/src/modules/dx/cardContent/__tests__/cardContent.test.ts +0 -112
  298. package/src/modules/dx/cardContent/__tests__/mockProps.ts +0 -13
  299. package/src/modules/dx/cardContent/cardContent.stories.ts +0 -109
  300. package/src/modules/dx/cardDemo/cardDemo.stories.ts +0 -115
  301. package/src/modules/dx/cardDocs/__tests__/cardDocs.test.ts +0 -48
  302. package/src/modules/dx/cardDocs/__tests__/mockProps.ts +0 -9
  303. package/src/modules/dx/cardDocs/cardDocs.stories.ts +0 -299
  304. package/src/modules/dx/cardEvent/__tests__/cardEvent.test.ts +0 -70
  305. package/src/modules/dx/cardEvent/__tests__/mockProps.ts +0 -9
  306. package/src/modules/dx/cardEvent/cardEvent.stories.ts +0 -143
  307. package/src/modules/dx/cardNews/__tests__/cardNews.test.ts +0 -59
  308. package/src/modules/dx/cardNews/__tests__/mockProps.ts +0 -7
  309. package/src/modules/dx/cardNews/cardNews.stories.ts +0 -115
  310. package/src/modules/dx/cardPodcastEpisode/__tests__/cardPodcastEpisode.test.ts +0 -70
  311. package/src/modules/dx/cardPodcastEpisode/cardPodcastEpisode.stories.ts +0 -31
  312. package/src/modules/dx/cardPodcastEpisodeProvider/__tests__/cardPodcastEpisodeProvider.test.ts +0 -36
  313. package/src/modules/dx/cardPodcastEpisodeProvider/__tests__/mockWordpressEpisodes.ts +0 -50
  314. package/src/modules/dx/cardPodcastEpisodeProvider/cardPodcastEpisodeProvider.css +0 -3
  315. package/src/modules/dx/cardPodcastEpisodeProvider/cardPodcastEpisodeProvider.html +0 -12
  316. package/src/modules/dx/cardPodcastEpisodeProvider/cardPodcastEpisodeProvider.ts +0 -29
  317. package/src/modules/dx/cardSmall/__tests__/cardSmall.test.ts +0 -70
  318. package/src/modules/dx/cardSmall/__tests__/mockProps.ts +0 -8
  319. package/src/modules/dx/cardSmall/cardSmall.stories.ts +0 -166
  320. package/src/modules/dx/cardTitle/__tests__/cardTitle.test.ts +0 -46
  321. package/src/modules/dx/cardTrailheadModule/__tests__/cardTrailheadModule.test.ts +0 -18
  322. package/src/modules/dx/cardTrailheadModule/__tests__/mockProps.ts +0 -11
  323. package/src/modules/dx/cardTrailheadModule/cardTrailheadModule.stories.ts +0 -122
  324. package/src/modules/dx/cardVideoPreview/__tests__/cardVideoPreview.test.ts +0 -22
  325. package/src/modules/dx/cardVideoPreview/__tests__/mockProps.ts +0 -11
  326. package/src/modules/dx/cardVideoPreview/cardVideoPreview.stories.ts +0 -116
  327. package/src/modules/dx/checkbox/__tests__/checkbox.test.ts +0 -56
  328. package/src/modules/dx/checkbox/__tests__/mockProps.ts +0 -5
  329. package/src/modules/dx/checkbox/checkbox.stories.ts +0 -12
  330. package/src/modules/dx/checkboxGroup/__tests__/checkboxGroup.test.ts +0 -80
  331. package/src/modules/dx/checkboxGroup/__tests__/mockProps.ts +0 -14
  332. package/src/modules/dx/checkboxGroup/checkboxGroup.stories.ts +0 -33
  333. package/src/modules/dx/codeBlock/__tests__/codeBlock.test.ts +0 -96
  334. package/src/modules/dx/codeBlock/__tests__/mockProps.ts +0 -157
  335. package/src/modules/dx/codeBlock/codeBlock.stories.ts +0 -216
  336. package/src/modules/dx/dropdown/__tests__/dropdown.test.ts +0 -194
  337. package/src/modules/dx/dropdown/__tests__/mockNestedOptions.ts +0 -96
  338. package/src/modules/dx/dropdown/__tests__/mockOptions.ts +0 -10
  339. package/src/modules/dx/dropdown/__tests__/mockProps.ts +0 -6
  340. package/src/modules/dx/dropdown/dropdown.stories.ts +0 -75
  341. package/src/modules/dx/dropdownOption/__tests__/dropdownOption.test.ts +0 -82
  342. package/src/modules/dx/dropdownOption/__tests__/mockProps.ts +0 -20
  343. package/src/modules/dx/emptyState/__tests__/emptyState.test.ts +0 -33
  344. package/src/modules/dx/emptyState/__tests__/mockProps.ts +0 -6
  345. package/src/modules/dx/emptyState/emptyState.stories.ts +0 -65
  346. package/src/modules/dx/feature/__tests__/feature.test.ts +0 -30
  347. package/src/modules/dx/feature/__tests__/mockProps.ts +0 -8
  348. package/src/modules/dx/featureGrid/__tests__/featureGrid.test.ts +0 -21
  349. package/src/modules/dx/featureGrid/featureGrid.stories.ts +0 -81
  350. package/src/modules/dx/featuredContentHeader/__tests__/featuredContentHeader.test.ts +0 -113
  351. package/src/modules/dx/featuredContentHeader/__tests__/mockProps.ts +0 -43
  352. package/src/modules/dx/featuredContentHeader/featuredContentHeader.stories.ts +0 -153
  353. package/src/modules/dx/featuresList/__tests__/featuresList.test.ts +0 -47
  354. package/src/modules/dx/featuresList/__tests__/mockProps.ts +0 -17
  355. package/src/modules/dx/featuresList/featuresList.stories.ts +0 -30
  356. package/src/modules/dx/footer/__tests__/footer.test.ts +0 -136
  357. package/src/modules/dx/footer/__tests__/mockLocales.ts +0 -7
  358. package/src/modules/dx/footer/footer.stories.ts +0 -70
  359. package/src/modules/dx/footerOption/__tests__/footerOption.test.ts +0 -34
  360. package/src/modules/dx/footerOption/__tests__/mockProps.ts +0 -7
  361. package/src/modules/dx/formattedDateTime/__tests__/formattedDateTime.test.ts +0 -25
  362. package/src/modules/dx/formattedDateTime/__tests__/mockProps.ts +0 -13
  363. package/src/modules/dx/formattedDateTime/formattedDateTime.stories.ts +0 -103
  364. package/src/modules/dx/grid/__tests__/grid.test.ts +0 -45
  365. package/src/modules/dx/grid/grid.stories.ts +0 -128
  366. package/src/modules/dx/groupBio/__tests__/groupBio.test.ts +0 -82
  367. package/src/modules/dx/groupBio/__tests__/mockProps.ts +0 -15
  368. package/src/modules/dx/groupBio/groupBio.css +0 -49
  369. package/src/modules/dx/groupBio/groupBio.html +0 -29
  370. package/src/modules/dx/groupBio/groupBio.stories.ts +0 -66
  371. package/src/modules/dx/groupBio/groupBio.ts +0 -41
  372. package/src/modules/dx/groupText/__tests__/groupText.test.ts +0 -57
  373. package/src/modules/dx/groupText/__tests__/mockProps.ts +0 -35
  374. package/src/modules/dx/groupText/groupText.stories.ts +0 -81
  375. package/src/modules/dx/headTags/headTags.html +0 -1
  376. package/src/modules/dx/headTags/headTags.ts +0 -13
  377. package/src/modules/dx/header/__tests__/header.test.ts +0 -194
  378. package/src/modules/dx/header/__tests__/mockNavArchitects.ts +0 -169
  379. package/src/modules/dx/header/__tests__/mockNavDevelopers.ts +0 -419
  380. package/src/modules/dx/header/__tests__/mockNavs.ts +0 -115
  381. package/src/modules/dx/header/__tests__/mockProps.ts +0 -173
  382. package/src/modules/dx/header/header.stories.ts +0 -136
  383. package/src/modules/dx/headerMobileNavMenu/__tests__/headerMobileNavMenu.test.ts +0 -123
  384. package/src/modules/dx/headerMobileNavMenuOption/__tests__/headerMobileNavMenuOption.test.ts +0 -38
  385. package/src/modules/dx/headerNav/__tests__/headerNav.test.ts +0 -50
  386. package/src/modules/dx/headerNavOption/__tests__/headerNavOption.test.ts +0 -47
  387. package/src/modules/dx/headerNavOption/headerNavOption.css +0 -38
  388. package/src/modules/dx/headerNavOption/headerNavOption.html +0 -5
  389. package/src/modules/dx/headerNavOption/headerNavOption.ts +0 -15
  390. package/src/modules/dx/headerSearch/__tests__/headerSearch.test.ts +0 -273
  391. package/src/modules/dx/headerSearch/__tests__/mockData.ts +0 -11
  392. package/src/modules/dx/headerSearch/__tests__/mockProps.ts +0 -11
  393. package/src/modules/dx/headerSearch/scopes.ts +0 -10
  394. package/src/modules/dx/helmet/__tests__/helmet.test.ts +0 -53
  395. package/src/modules/dx/helmet/helmet.stories.ts +0 -53
  396. package/src/modules/dx/hr/__tests__/hr.test.ts +0 -77
  397. package/src/modules/dx/hr/__tests__/mockProps.ts +0 -18
  398. package/src/modules/dx/hr/hr.stories.ts +0 -55
  399. package/src/modules/dx/icon/__tests__/icon.test.ts +0 -54
  400. package/src/modules/dx/icon/icon.stories.ts +0 -98
  401. package/src/modules/dx/iconBadge/__tests__/iconBadge.test.ts +0 -17
  402. package/src/modules/dx/iconBadge/iconBadge.stories.ts +0 -32
  403. package/src/modules/dx/imageAndLabel/__tests__/imageAndLabel.test.ts +0 -39
  404. package/src/modules/dx/imageAndLabel/__tests__/mockProps.ts +0 -6
  405. package/src/modules/dx/imageAndLabel/imageAndLabel.stories.ts +0 -48
  406. package/src/modules/dx/input/__tests__/input.test.ts +0 -162
  407. package/src/modules/dx/input/input.stories.ts +0 -48
  408. package/src/modules/dx/instrumentation/__tests__/instrumentation.test.ts +0 -86
  409. package/src/modules/dx/instrumentation/instrumentation.html +0 -1
  410. package/src/modules/dx/instrumentation/instrumentation.ts +0 -116
  411. package/src/modules/dx/interactiveImage/__tests__/interactiveImage.test.ts +0 -76
  412. package/src/modules/dx/interactiveImage/__tests__/mockProps.ts +0 -42
  413. package/src/modules/dx/interactiveImage/interactiveImage.stories.ts +0 -31
  414. package/src/modules/dx/lazy/__tests__/lazy.test.ts +0 -43
  415. package/src/modules/dx/lazy/lazy.html +0 -5
  416. package/src/modules/dx/lazy/lazy.stories.ts +0 -132
  417. package/src/modules/dx/lazy/lazy.ts +0 -170
  418. package/src/modules/dx/pagination/__tests__/pagination.test.ts +0 -121
  419. package/src/modules/dx/pagination/pagination.stories.ts +0 -88
  420. package/src/modules/dx/podcastHost/__tests__/mockProps.ts +0 -8
  421. package/src/modules/dx/podcastHost/__tests__/podcastHost.test.ts +0 -21
  422. package/src/modules/dx/podcastHost/podcastHost.stories.ts +0 -17
  423. package/src/modules/dx/podcastPlayer/__tests__/podcastPlayer.test.ts +0 -20
  424. package/src/modules/dx/podcastPlayer/podcastPlayer.stories.ts +0 -13
  425. package/src/modules/dx/podcastSubscription/__tests__/podcastSubscription.test.ts +0 -16
  426. package/src/modules/dx/podcastSubscription/podcastSubscription.css +0 -92
  427. package/src/modules/dx/podcastSubscription/podcastSubscription.html +0 -24
  428. package/src/modules/dx/podcastSubscription/podcastSubscription.stories.ts +0 -23
  429. package/src/modules/dx/podcastSubscription/podcastSubscription.ts +0 -58
  430. package/src/modules/dx/popover/__tests__/popover.test.ts +0 -207
  431. package/src/modules/dx/popover/popover.stories.ts +0 -82
  432. package/src/modules/dx/radioGroup/__tests__/mockProps.ts +0 -12
  433. package/src/modules/dx/radioGroup/__tests__/radioGroup.test.ts +0 -42
  434. package/src/modules/dx/radioGroup/radioGroup.stories.ts +0 -25
  435. package/src/modules/dx/relativeDateTime/__tests__/mockProps.ts +0 -55
  436. package/src/modules/dx/relativeDateTime/__tests__/relativeDateTime.test.ts +0 -52
  437. package/src/modules/dx/relativeDateTime/relativeDateTime.stories.ts +0 -83
  438. package/src/modules/dx/searchResults/searchResults.stories.ts +0 -38
  439. package/src/modules/dx/section/__tests__/section.test.ts +0 -17
  440. package/src/modules/dx/section/section.stories.ts +0 -381
  441. package/src/modules/dx/sectionSignup/__tests__/sectionSignup.test.ts +0 -66
  442. package/src/modules/dx/sectionSignup/sectionSignup.stories.ts +0 -49
  443. package/src/modules/dx/sidebar/__tests__/mockProps.ts +0 -181
  444. package/src/modules/dx/sidebar/__tests__/sidebar.test.ts +0 -569
  445. package/src/modules/dx/sidebar/sidebar.stories.ts +0 -139
  446. package/src/modules/dx/socials/__tests__/socials.test.ts +0 -124
  447. package/src/modules/dx/socials/socials.stories.ts +0 -24
  448. package/src/modules/dx/tab/__tests__/mockProps.ts +0 -4
  449. package/src/modules/dx/tab/__tests__/tab.test.ts +0 -71
  450. package/src/modules/dx/tabPanel/__tests__/mockProps.ts +0 -4
  451. package/src/modules/dx/tabPanel/__tests__/tabPanel.test.ts +0 -46
  452. package/src/modules/dx/tabs/__tests__/mockProps.ts +0 -3
  453. package/src/modules/dx/tabs/__tests__/tabs.test.ts +0 -47
  454. package/src/modules/dx/tabs/tabs.css +0 -7
  455. package/src/modules/dx/tabs/tabs.html +0 -21
  456. package/src/modules/dx/tabs/tabs.stories.ts +0 -74
  457. package/src/modules/dx/toc/__tests__/mockProps.ts +0 -22
  458. package/src/modules/dx/toc/__tests__/toc.test.ts +0 -116
  459. package/src/modules/dx/toc/toc.stories.ts +0 -26
  460. package/src/modules/dx/tooltip/__tests__/tooltip.test.ts +0 -66
  461. package/src/modules/dx/tooltip/tippy.css +0 -1
  462. package/src/modules/dx/tooltip/tooltip.stories.ts +0 -65
  463. package/src/modules/dx/tree/__tests__/mockProps.ts +0 -215
  464. package/src/modules/dx/tree/__tests__/tree.test.ts +0 -357
  465. package/src/modules/dx/tree/__tests__/treeHandler.test.ts +0 -194
  466. package/src/modules/dx/tree/tree.stories.ts +0 -65
  467. package/src/modules/dx/treeItem/__tests__/mockProps.ts +0 -46
  468. package/src/modules/dx/treeItem/__tests__/treeItem.test.ts +0 -370
  469. package/src/modules/dx/treeTile/__tests__/mockProps.ts +0 -16
  470. package/src/modules/dx/treeTile/__tests__/treeTile.test.ts +0 -178
  471. package/src/modules/dx/typeBadge/__tests__/typeBadge.test.ts +0 -63
  472. package/src/modules/dx/typeBadge/typeBadge.stories.ts +0 -79
  473. package/src/modules/dx/typeBadgeGroup/__tests__/mockProps.ts +0 -11
  474. package/src/modules/dx/typeBadgeGroup/__tests__/typeBadgeGroup.test.ts +0 -76
  475. package/src/modules/dx/typeBadgeGroup/typeBadgeGroup.css +0 -12
  476. package/src/modules/dx/typeBadgeGroup/typeBadgeGroup.html +0 -11
  477. package/src/modules/dx/typeBadgeGroup/typeBadgeGroup.stories.ts +0 -19
  478. package/src/modules/dx/typeBadgeGroup/typeBadgeGroup.ts +0 -18
  479. package/src/modules/tests/buttonTest/buttonTest.html +0 -3
  480. package/src/modules/tests/buttonTest/buttonTest.ts +0 -3
  481. package/src/modules/tests/codeBlockTest/codeBlockTest.js +0 -4
  482. package/src/modules/tests/dropdownTest/dropdownTest.html +0 -5
  483. package/src/modules/tests/dropdownTest/dropdownTest.ts +0 -17
  484. package/src/modules/tests/featureGridTest/featureGridTest.html +0 -7
  485. package/src/modules/tests/featureGridTest/featureGridTest.ts +0 -5
  486. package/src/modules/tests/instrumentationTest/instrumentationTest.html +0 -4
  487. package/src/modules/tests/instrumentationTest/instrumentationTest.ts +0 -8
  488. package/src/modules/tests/popoverTest/popoverTest.html +0 -6
  489. package/src/modules/tests/popoverTest/popoverTest.ts +0 -5
  490. package/src/modules/utils/css/css.ts +0 -2
  491. package/src/modules/utils/jest/jest.ts +0 -13
  492. package/src/modules/utils/prismjs/prismjs.ts +0 -3225
  493. package/src/modules/utils/storybook/storybook.ts +0 -33
  494. package/src/modules/utils/tests/tests.ts +0 -14
  495. package/src/modules/utils/wordpress/__tests__/wordpress.test.ts +0 -15
@@ -1,13 +0,0 @@
1
- export default {
2
- backgroundColor: "indigo-vibrant-30",
3
- color: "blue-vibrant-20",
4
- href: "/build-stuff",
5
- label: "Browse all build guides",
6
- title: "Build exactly what you need.",
7
- authorImgSrc: "https://placekitten.com/300/300",
8
- authorLabel: "Test",
9
- body: "Set up, create, and customize a sample app using the Commerce API.",
10
- imgAlt: "Test Cat",
11
- imgSrc: "https://i.imgur.com/FUsyxR5.jpg",
12
- subtitle: "Test"
13
- };
@@ -1,109 +0,0 @@
1
- import { html } from "lit-html";
2
-
3
- export default {
4
- title: "dx/dx-card-content",
5
- component: "dx-card-content"
6
- };
7
-
8
- const createStyles = () => html`
9
- <style>
10
- .label {
11
- color: grey;
12
- }
13
-
14
- dx-card-content {
15
- margin-top: 25px;
16
- margin-bottom: 25px;
17
- max-width: 500px;
18
- min-width: 240px;
19
- }
20
- </style>
21
- `;
22
-
23
- export const Base = () => html`
24
- ${createStyles()}
25
- <span class="label">With image</span>
26
-
27
- <dx-card-content
28
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
29
- href="https://developer.salesforce.com/"
30
- img-alt="Scenic view of a mountain."
31
- img-src="https://i.imgur.com/FUsyxR5.jpg"
32
- subtitle="Subtitle"
33
- label="Documentation"
34
- title="Einstein Platform Services Developer Guide"
35
- >
36
- <span slot="datetime">Feb 9th 2020</span>
37
- </dx-card-content>
38
-
39
- <br />
40
- <br />
41
- <span class="label">With Author link</span>
42
-
43
- <dx-card-content
44
- author-label="Mr. Mistoffelees"
45
- author-img-src="https://placekitten.com/300/300"
46
- author-href="https://developer.salesforce.com/blogs/author/josh-birk"
47
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
48
- href="https://developer.salesforce.com/"
49
- img-alt="Scenic view of a mountain."
50
- img-src="https://i.imgur.com/FUsyxR5.jpg"
51
- label="Documentation"
52
- title="Einstein Platform Services Developer Guide"
53
- >
54
- <span slot="datetime">Feb 9th 2020</span>
55
- </dx-card-content>
56
-
57
- <br />
58
- <br />
59
- <span class="label">With Author only</span>
60
-
61
- <dx-card-content
62
- author-label="Mr. Mistoffelees"
63
- author-img-src="https://placekitten.com/300/300"
64
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
65
- href="https://developer.salesforce.com/"
66
- img-alt="Scenic view of a mountain."
67
- img-src="https://i.imgur.com/FUsyxR5.jpg"
68
- label="Documentation"
69
- title="Einstein Platform Services Developer Guide"
70
- >
71
- <span slot="datetime">Feb 9th 2020</span>
72
- </dx-card-content>
73
-
74
- <br />
75
- <br />
76
- <span class="label">Without image</span>
77
-
78
- <dx-card-content
79
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
80
- href="https://developer.salesforce.com/"
81
- label="Documentation"
82
- title="Einstein Platform Services Developer Guide"
83
- >
84
- <span slot="datetime">Feb 9th 2020</span>
85
- </dx-card-content>
86
-
87
- <br />
88
- <br />
89
- <span class="label">Minimum content</span>
90
-
91
- <dx-card-content
92
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
93
- href="https://developer.salesforce.com/"
94
- title="Einstein Platform Services Developer Guide"
95
- >
96
- </dx-card-content>
97
-
98
- <br />
99
- <br />
100
- <span class="label">Really large body</span>
101
- <dx-card-content
102
- body="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat urna eu velit congue scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla vulputate nulla non mauris tempor, at molestie ex efficitur. Nunc egestas posuere luctus. Nam ligula sapien, mattis pretium dapibus et, convallis a enim. Aliquam et sem volutpat, dignissim sapien non, faucibus nunc. Integer vitae enim et lectus volutpat scelerisque. Vestibulum elementum sapien at semper ornare. Suspendisse potenti. Donec tincidunt euismod porttitor."
103
- href="https://developer.salesforce.com/"
104
- img-alt="Scenic view of a mountain."
105
- img-src="https://i.imgur.com/FUsyxR5.jpg"
106
- title="Lorem Ipsum"
107
- >
108
- </dx-card-content>
109
- `;
@@ -1,115 +0,0 @@
1
- import { html } from "lit-html";
2
-
3
- export default {
4
- title: "dx/dx-card-demo",
5
- component: "dx-card-demo"
6
- };
7
-
8
- const createStyles = () => html`
9
- <style>
10
- dx-card-demo {
11
- margin-top: 25px;
12
- margin-bottom: 25px;
13
- width: 400px;
14
- }
15
- </style>
16
- `;
17
-
18
- export const Base = () => html`
19
- ${createStyles()}
20
-
21
- <dx-card-demo
22
- body="Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff."
23
- href="https://developer.salesforce.com/"
24
- img-alt="Scenic view of a mountain."
25
- img-src="https://i.imgur.com/FUsyxR5.jpg"
26
- title="E-Bikes"
27
- >
28
- </dx-card-demo>
29
-
30
- <br />
31
- <br />
32
-
33
- <dx-card-demo
34
- body="Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff."
35
- href="https://developer.salesforce.com/"
36
- title="E-Bikes"
37
- >
38
- </dx-card-demo>
39
- `;
40
-
41
- // prettier-ignore
42
- export const Grid = () => html`
43
- <dx-grid columns="three">
44
- <dx-card-demo
45
- body="Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff."
46
- href="https://developer.salesforce.com/"
47
- img-alt="Scenic view of a mountain."
48
- img-src="https://i.imgur.com/FUsyxR5.jpg"
49
- title="E-Bikes"
50
- >
51
- </dx-card-demo>
52
- <dx-card-demo
53
- body="Sample retail application. Explore this application, integrating with Salesfoce Communities, and learn stuff."
54
- href="https://developer.salesforce.com/"
55
- img-alt="Scenic view of a mountain."
56
- img-src="https://i.imgur.com/FUsyxR5.jpg"
57
- title="E-Bikes"
58
- >
59
- </dx-card-demo>
60
- <dx-card-demo
61
- body="Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff."
62
- href="https://developer.salesforce.com/"
63
- img-alt="Scenic view of a mountain."
64
- img-src="https://i.imgur.com/FUsyxR5.jpg"
65
- title="E-Bikes"
66
- >
67
- </dx-card-demo>
68
- <dx-card-demo
69
- body="Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff."
70
- href="https://developer.salesforce.com/"
71
- img-alt="Scenic view of a mountain."
72
- img-src="https://i.imgur.com/FUsyxR5.jpg"
73
- title="E-Bikes"
74
- >
75
- </dx-card-demo>
76
- <dx-card-demo
77
- body="Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff."
78
- href="https://developer.salesforce.com/"
79
- img-alt="Scenic view of a mountain."
80
- img-src="https://i.imgur.com/FUsyxR5.jpg"
81
- title="E-Bikes"
82
- >
83
- </dx-card-demo>
84
- <dx-card-demo
85
- body="Sample retail application. Explore this application, integrating with Salesfoce Communities, and learn stuff."
86
- href="https://developer.salesforce.com/"
87
- img-alt="Scenic view of a mountain."
88
- img-src="https://i.imgur.com/FUsyxR5.jpg"
89
- title="E-Bikes"
90
- >
91
- </dx-card-demo>
92
- <dx-card-demo
93
- body="Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff. Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, integrating with Salesfoce Communities, and learn stuff."
94
- href="https://developer.salesforce.com/"
95
- img-alt="Scenic view of a mountain."
96
- img-src="https://i.imgur.com/FUsyxR5.jpg"
97
- title="E-Bikes"
98
- >
99
- </dx-card-demo>
100
- <dx-card-demo
101
- body="Sample retail application. Explore this application, integrating with Salesfoce Communities, and learn stuff."
102
- href="https://developer.salesforce.com/"
103
- img-alt="Scenic view of a mountain."
104
- img-src="https://i.imgur.com/FUsyxR5.jpg"
105
- title="E-Bikes"
106
- >
107
- </dx-card-demo>
108
- <dx-card-callout
109
- background-color="indigo-vibrant-30"
110
- href="/build-stuff"
111
- title="Find an upcoming event"
112
- label="Calendar"
113
- ></dx-card-callout>
114
- </dx-grid>
115
- `;
@@ -1,48 +0,0 @@
1
- import Card from "dx/cardDocs";
2
- import { createRenderComponent } from "utils/tests";
3
- import { stopPropagationOnSlotted } from "utils/slot";
4
- import mockProps from "./mockProps";
5
-
6
- const TAG = "dx-card";
7
- const render = createRenderComponent(TAG, Card);
8
-
9
- jest.mock("utils/slot", () => {
10
- return {
11
- stopPropagationOnSlotted: jest.fn()
12
- };
13
- });
14
-
15
- describe(TAG, () => {
16
- it("renders the image, label, title, body", () => {
17
- const element = render(mockProps);
18
-
19
- const els = [
20
- ".image",
21
- ".dx-text-label-3",
22
- "dx-card-title",
23
- ".dx-text-body-2"
24
- ].map((query) => element.shadowRoot.querySelector(query));
25
- expect(els).not.toContain(null);
26
- return expect(element).toBeAccessible();
27
- });
28
-
29
- it("doesn't render the image when it doesn't need to", () => {
30
- const element = render({
31
- title: mockProps.title,
32
- body: mockProps.body
33
- });
34
- const els = [".image"].map((query) =>
35
- element.shadowRoot.querySelector(query)
36
- );
37
- els.forEach((el) => expect(el).toBeNull());
38
-
39
- return expect(element).toBeAccessible();
40
- });
41
-
42
- it("renders slot and calls stopPropagation", () => {
43
- const element = render(mockProps);
44
- const slot: HTMLSlotElement = element.shadowRoot.querySelector("slot");
45
- slot.dispatchEvent(new Event("slotchange"));
46
- expect(stopPropagationOnSlotted).toBeCalledTimes(1);
47
- });
48
- });
@@ -1,9 +0,0 @@
1
- export default {
2
- body:
3
- "This is a pretty long card body. It could say just about anything regarding the content of this card.",
4
- href: "https://developer.salesforce.com/",
5
- imgAlt: "Scenic view of a mountain.",
6
- imgSrc: "https://i.imgur.com/FUsyxR5.jpg",
7
- label: "Documentation",
8
- title: "Example Name"
9
- };
@@ -1,299 +0,0 @@
1
- import { html } from "lit-html";
2
-
3
- export default {
4
- title: "dx/dx-card-docs",
5
- component: "dx-card-docs"
6
- };
7
-
8
- const createStyles = () => html`
9
- <style>
10
- span {
11
- color: grey;
12
- }
13
- dx-card-docs {
14
- margin-top: 25px;
15
- margin-bottom: 25px;
16
- width: 400px;
17
- max-width: 100%;
18
- min-width: 240px;
19
- }
20
- </style>
21
- `;
22
-
23
- export const Base = () => html`
24
- ${createStyles()}
25
- <span>With image</span>
26
-
27
- <dx-card-docs
28
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
29
- href="https://developer.salesforce.com/"
30
- img-alt="Scenic view of a mountain."
31
- img-src="https://i.imgur.com/FUsyxR5.jpg"
32
- label="Documentation"
33
- title="Einstein Platform Services Developer Guide"
34
- >
35
- <dx-button
36
- href="http://tweetflight.wearebrightly.com/"
37
- target="_blank"
38
- variant="inline"
39
- icon-symbol="forward"
40
- >
41
- Read Guide
42
- </dx-button>
43
- </dx-card-docs>
44
-
45
- <span>Without image</span>
46
-
47
- <dx-card-docs
48
- body="Quip SCIM API is a specification designed to make it easier to manage user identities in cloud-based applications and services."
49
- href="https://developer.salesforce.com/"
50
- label="API"
51
- title="Quip SCIM API Documentation"
52
- >
53
- <dx-button
54
- href="http://tweetflight.wearebrightly.com/"
55
- target="_blank"
56
- variant="inline"
57
- >
58
- Overview
59
- </dx-button>
60
- <dx-button
61
- href="http://tweetflight.wearebrightly.com/"
62
- target="_blank"
63
- variant="inline"
64
- >
65
- Guides
66
- </dx-button>
67
- <dx-button
68
- href="http://tweetflight.wearebrightly.com/"
69
- target="_blank"
70
- variant="inline"
71
- >
72
- Reference
73
- </dx-button>
74
- </dx-card-docs>
75
-
76
- <span>With new window icon and target set to '_blank'</span>
77
-
78
- <dx-card-docs
79
- body="Quip SCIM API is a specification designed to make it easier to manage user identities in cloud-based applications and services."
80
- href="https://developer.salesforce.com/"
81
- label="API"
82
- title="Quip SCIM API Documentation"
83
- target="_blank"
84
- >
85
- <dx-button
86
- href="http://tweetflight.wearebrightly.com/"
87
- target="_blank"
88
- variant="inline"
89
- >
90
- Overview
91
- </dx-button>
92
- <dx-button
93
- href="http://tweetflight.wearebrightly.com/"
94
- target="_blank"
95
- variant="inline"
96
- >
97
- Guides
98
- </dx-button>
99
- <dx-button
100
- href="http://tweetflight.wearebrightly.com/"
101
- target="_blank"
102
- variant="inline"
103
- >
104
- Reference
105
- </dx-button>
106
- </dx-card-docs>
107
- `;
108
-
109
- // prettier-ignore
110
- export const Grid = () => html`
111
- <dx-grid columns="three">
112
- <dx-card-docs
113
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
114
- href="https://developer.salesforce.com/"
115
- img-alt="Scenic view of a mountain."
116
- img-src="https://i.imgur.com/FUsyxR5.jpg"
117
- label="Documentation"
118
- title="Einstein Platform Services Developer Guide"
119
- >
120
- <dx-button
121
- href="http://tweetflight.wearebrightly.com/"
122
- target="_blank"
123
- variant="inline"
124
- icon-symbol="forward"
125
- >
126
- Read Guide
127
- </dx-button>
128
- </dx-card-docs>
129
- <dx-card-docs
130
- body="Quip SCIM API is a specification designed to make it easier to manage user identities in cloud-based applications and services."
131
- href="https://developer.salesforce.com/"
132
- label="API"
133
- title="Quip SCIM API"
134
- >
135
- <dx-button
136
- href="http://tweetflight.wearebrightly.com/"
137
- target="_blank"
138
- variant="inline"
139
- >
140
- Overview
141
- </dx-button>
142
- <dx-button
143
- href="http://tweetflight.wearebrightly.com/"
144
- target="_blank"
145
- variant="inline"
146
- >
147
- Guides
148
- </dx-button>
149
- <dx-button
150
- href="http://tweetflight.wearebrightly.com/"
151
- target="_blank"
152
- variant="inline"
153
- >
154
- Reference
155
- </dx-button>
156
- </dx-card-docs>
157
- <dx-card-docs
158
- body="Quip SCIM API is a specification designed to make it easier to manage user identities in cloud-based applications and services."
159
- href="https://developer.salesforce.com/"
160
- label="API"
161
- title="Quip SCIM API"
162
- >
163
- <dx-button
164
- href="http://tweetflight.wearebrightly.com/"
165
- target="_blank"
166
- variant="inline"
167
- >
168
- Overview
169
- </dx-button>
170
- <dx-button
171
- href="http://tweetflight.wearebrightly.com/"
172
- target="_blank"
173
- variant="inline"
174
- >
175
- Guides
176
- </dx-button>
177
- <dx-button
178
- href="http://tweetflight.wearebrightly.com/"
179
- target="_blank"
180
- variant="inline"
181
- >
182
- Reference
183
- </dx-button>
184
- </dx-card-docs>
185
- <dx-card-docs
186
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
187
- href="https://developer.salesforce.com/"
188
- img-alt="Scenic view of a mountain."
189
- img-src="https://i.imgur.com/FUsyxR5.jpg"
190
- label="Documentation"
191
- title="Einstein Platform Services Developer Guide"
192
- >
193
- <dx-button
194
- href="http://tweetflight.wearebrightly.com/"
195
- target="_blank"
196
- variant="inline"
197
- icon-symbol="forward"
198
- >
199
- Read Guide
200
- </dx-button>
201
- </dx-card-docs>
202
- <dx-card-docs
203
- body="Quip SCIM API is a specification designed to make it easier to manage user identities in cloud-based applications and services."
204
- href="https://developer.salesforce.com/"
205
- label="API"
206
- title="Quip SCIM API"
207
- >
208
- <dx-button
209
- href="http://tweetflight.wearebrightly.com/"
210
- target="_blank"
211
- variant="inline"
212
- >
213
- Overview
214
- </dx-button>
215
- <dx-button
216
- href="http://tweetflight.wearebrightly.com/"
217
- target="_blank"
218
- variant="inline"
219
- >
220
- Guides
221
- </dx-button>
222
- <dx-button
223
- href="http://tweetflight.wearebrightly.com/"
224
- target="_blank"
225
- variant="inline"
226
- >
227
- Reference
228
- </dx-button>
229
- </dx-card-docs>
230
- <dx-card-docs
231
- body="Quip SCIM API is a specification designed to make it easier to manage user identities in cloud-based applications and services."
232
- href="https://developer.salesforce.com/"
233
- label="API"
234
- title="Quip SCIM API"
235
- >
236
- <dx-button
237
- href="http://tweetflight.wearebrightly.com/"
238
- target="_blank"
239
- variant="inline"
240
- >
241
- Overview
242
- </dx-button>
243
- <dx-button
244
- href="http://tweetflight.wearebrightly.com/"
245
- target="_blank"
246
- variant="inline"
247
- >
248
- Guides
249
- </dx-button>
250
- <dx-button
251
- href="http://tweetflight.wearebrightly.com/"
252
- target="_blank"
253
- variant="inline"
254
- >
255
- Reference
256
- </dx-button>
257
- </dx-card-docs>
258
- <dx-card-docs
259
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
260
- href="https://developer.salesforce.com/"
261
- img-alt="Scenic view of a mountain."
262
- img-src="https://i.imgur.com/FUsyxR5.jpg"
263
- label="Documentation"
264
- title="Einstein Platform Services Developer Guide"
265
- >
266
- <dx-button
267
- href="http://tweetflight.wearebrightly.com/"
268
- target="_blank"
269
- variant="inline"
270
- icon-symbol="forward"
271
- >
272
- Read Guide
273
- </dx-button>
274
- </dx-card-docs>
275
- <dx-card-docs
276
- body="This is a pretty long card body. It could say just about anything regarding the content of this card."
277
- href="https://developer.salesforce.com/"
278
- img-alt="Scenic view of a mountain."
279
- img-src="https://i.imgur.com/FUsyxR5.jpg"
280
- label="Documentation"
281
- title="Einstein Platform Services Developer Guide"
282
- >
283
- <dx-button
284
- href="http://tweetflight.wearebrightly.com/"
285
- target="_blank"
286
- variant="inline"
287
- icon-symbol="forward"
288
- >
289
- Read Guide
290
- </dx-button>
291
- </dx-card-docs>
292
- <dx-card-callout
293
- background-color="indigo-vibrant-30"
294
- href="/build-stuff"
295
- title="Find an upcoming event"
296
- label="Calendar"
297
- ></dx-card-callout>
298
- </dx-grid>
299
- `;
@@ -1,70 +0,0 @@
1
- /* eslint-disable jest/no-mocks-import */
2
- import CardEvent from "dx/cardEvent";
3
- import { createRenderComponent } from "utils/tests";
4
- import mockProps from "./mockProps";
5
-
6
- const TAG = "dx-card-event";
7
- const render = createRenderComponent(TAG, CardEvent);
8
-
9
- describe(TAG, () => {
10
- it("renders the date", () => {
11
- const component = render(mockProps);
12
- const dateEl = component.shadowRoot.querySelector(".card-event");
13
- expect(dateEl).not.toBeNull();
14
- return expect(component).toBeAccessible();
15
- });
16
-
17
- it("doesn't render end datetime ui if property not provided", () => {
18
- const component = render({
19
- title: mockProps.title,
20
- startDatetime: mockProps.startDatetime,
21
- hre: mockProps.href
22
- });
23
- const endtimeEls = component.shadowRoot.querySelectorAll(
24
- ".end-date-time"
25
- );
26
- expect(endtimeEls.length).toEqual(0);
27
- return expect(component).toBeAccessible();
28
- });
29
-
30
- it("renders the correct number of date time components", () => {
31
- const component = render(mockProps);
32
- const datetimeEl = component.shadowRoot.querySelectorAll(
33
- "dx-formatted-date-time"
34
- );
35
- expect(datetimeEl.length).toEqual(5);
36
- return expect(component).toBeAccessible();
37
- });
38
-
39
- it("fires events", () => {
40
- const element = render({
41
- ...mockProps,
42
- imgSrc: "https://i.imgur.com/FUsyxR5.jpg",
43
- featured: true
44
- });
45
-
46
- const imagelink: HTMLElement = element.shadowRoot.querySelector(
47
- ".image-link"
48
- );
49
- const containerDiv: HTMLElement = element.shadowRoot.querySelector(
50
- "div"
51
- );
52
-
53
- expect(containerDiv.classList).toContain("dx-card-base_featured");
54
-
55
- imagelink.dispatchEvent(new CustomEvent("mouseenter"));
56
-
57
- return Promise.resolve()
58
- .then(() => {
59
- expect(containerDiv.classList).toContain(
60
- "dx-card-base_link-hovered"
61
- );
62
- imagelink.dispatchEvent(new CustomEvent("mouseleave"));
63
- })
64
- .then(() => {
65
- expect(containerDiv.classList).not.toContain(
66
- "dx-card-base_link-hovered"
67
- );
68
- });
69
- });
70
- });
@@ -1,9 +0,0 @@
1
- const startDatetime = new Date(0, 0, 1, 9, 0, 0).toISOString();
2
- const endDatetime = new Date(0, 0, 1, 12, 0, 0).toISOString();
3
-
4
- export default {
5
- title: "Virtual Event: Salesforce Life for Financial Services",
6
- startDatetime: startDatetime,
7
- endDatetime: endDatetime,
8
- href: "www.salesforce.com"
9
- };