@salesforcedevs/dx-components 0.23.0 → 0.25.0

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 (143) hide show
  1. package/lwc.config.json +1 -1
  2. package/package.json +2 -2
  3. package/src/assets/svg/slack-cta-podcast-background-left.svg +28 -0
  4. package/src/assets/svg/slack-cta-podcast-background-right.svg +38 -0
  5. package/src/assets/svg/slack-logo.svg +6 -0
  6. package/src/modules/dx/banner/__tests__/banner.test.ts +11 -9
  7. package/src/modules/dx/brandThemeProvider/__tests__/brandThemeProvider.test.ts +1 -1
  8. package/src/modules/dx/breadcrumbs/__tests__/breadcrumbs.test.ts +7 -10
  9. package/src/modules/dx/button/__tests__/button.test.ts +2 -2
  10. package/src/modules/dx/cardBlogPost/__tests__/cardBlogPost.test.ts +3 -4
  11. package/src/modules/dx/cardBlogPostProvider/__tests__/cardBlogPostProvider.test.ts +1 -1
  12. package/src/modules/dx/cardBlogPostProvider/cardBlogPostProvider.ts +1 -1
  13. package/src/modules/dx/cardCallout/__tests__/cardCallout.test.ts +4 -7
  14. package/src/modules/dx/cardCallout/cardCallout.ts +1 -1
  15. package/src/modules/dx/cardContent/__tests__/cardContent.test.ts +27 -39
  16. package/src/modules/dx/cardContent/cardContent.ts +2 -2
  17. package/src/modules/dx/cardDocs/__tests__/cardDocs.test.ts +3 -3
  18. package/src/modules/dx/cardDocs/cardDocs.ts +1 -1
  19. package/src/modules/dx/cardEvent/__tests__/cardEvent.test.ts +9 -13
  20. package/src/modules/dx/cardExpanded/__tests__/cardExpanded.test.ts +2 -2
  21. package/src/modules/dx/cardExpanded/cardExpanded.ts +1 -1
  22. package/src/modules/dx/cardMinimal/__tests__/cardMinimal.test.ts +2 -2
  23. package/src/modules/dx/cardMinimal/cardMinimal.ts +1 -1
  24. package/src/modules/dx/cardNews/__tests__/cardNews.test.ts +3 -4
  25. package/src/modules/dx/cardNews/cardNews.ts +1 -1
  26. package/src/modules/dx/cardPodcastEpisode/__tests__/cardPodcastEpisode.test.ts +5 -7
  27. package/src/modules/dx/cardPodcastEpisodeProvider/__tests__/cardPodcastEpisodeProvider.test.ts +1 -1
  28. package/src/modules/dx/cardPodcastEpisodeProvider/cardPodcastEpisodeProvider.ts +1 -1
  29. package/src/modules/dx/cardSmall/__tests__/cardSmall.test.ts +10 -14
  30. package/src/modules/dx/cardSmall/cardSmall.ts +1 -1
  31. package/src/modules/dx/cardTitle/__tests__/cardTitle.test.ts +1 -1
  32. package/src/modules/dx/cardTrailheadModule/__tests__/cardTrailheadModule.test.ts +1 -1
  33. package/src/modules/dx/cardVideoPreview/__tests__/cardVideoPreview.test.ts +1 -1
  34. package/src/modules/dx/checkbox/__tests__/checkbox.test.ts +3 -4
  35. package/src/modules/dx/checkboxGroup/__tests__/checkboxGroup.test.ts +1 -1
  36. package/src/modules/dx/codeBlock/__tests__/codeBlock.test.ts +3 -3
  37. package/src/modules/dx/codeBlock/codeBlock.ts +1 -1
  38. package/src/modules/dx/dropdown/__tests__/dropdown.test.ts +16 -23
  39. package/src/modules/dx/dropdown/dropdown.ts +6 -6
  40. package/src/modules/dx/dropdownOption/__tests__/dropdownOption.test.ts +1 -1
  41. package/src/modules/dx/emptyState/__tests__/emptyState.test.ts +1 -1
  42. package/src/modules/dx/feature/__tests__/feature.test.ts +6 -5
  43. package/src/modules/dx/featureGrid/__tests__/featureGrid.test.ts +2 -2
  44. package/src/modules/dx/featuredContentHeader/__tests__/featuredContentHeader.test.ts +27 -40
  45. package/src/modules/dx/featuredContentHeader/featuredContentHeader.ts +1 -1
  46. package/src/modules/dx/featuresList/__tests__/featuresList.test.ts +9 -13
  47. package/src/modules/dx/footer/__tests__/footer.test.ts +1 -1
  48. package/src/modules/dx/footerOption/__tests__/footerOption.test.ts +1 -1
  49. package/src/modules/dx/formattedDateTime/__tests__/formattedDateTime.test.ts +1 -1
  50. package/src/modules/dx/grid/__tests__/grid.test.ts +1 -1
  51. package/src/modules/dx/groupBio/__tests__/groupBio.test.ts +1 -1
  52. package/src/modules/dx/groupText/__tests__/groupText.test.ts +9 -13
  53. package/src/modules/dx/groupText/groupText.ts +1 -1
  54. package/src/modules/dx/header/__tests__/header.test.ts +3 -3
  55. package/src/modules/dx/header/__tests__/mockProps.ts +1 -1
  56. package/src/modules/dx/header/header.ts +1 -1
  57. package/src/modules/dx/headerMobileNavMenu/__tests__/headerMobileNavMenu.test.ts +2 -2
  58. package/src/modules/dx/headerMobileNavMenu/headerMobileNavMenu.ts +1 -1
  59. package/src/modules/dx/headerMobileNavMenuOption/__tests__/headerMobileNavMenuOption.test.ts +1 -1
  60. package/src/modules/dx/headerNav/__tests__/headerNav.test.ts +1 -1
  61. package/src/modules/dx/headerSearch/__tests__/headerSearch.test.ts +2 -2
  62. package/src/modules/dx/headerSearch/__tests__/mockProps.ts +1 -1
  63. package/src/modules/dx/headerSearch/headerSearch.ts +1 -1
  64. package/src/modules/dx/helmet/__tests__/helmet.test.ts +3 -4
  65. package/src/modules/dx/hr/__tests__/hr.test.ts +1 -1
  66. package/src/modules/dx/icon/__tests__/icon.test.ts +1 -1
  67. package/src/modules/dx/icon/icon.ts +1 -1
  68. package/src/modules/dx/iconBadge/__tests__/iconBadge.test.ts +1 -1
  69. package/src/modules/dx/iconBadge/iconBadge.ts +1 -1
  70. package/src/modules/dx/imageAndLabel/__tests__/imageAndLabel.test.ts +1 -1
  71. package/src/modules/dx/input/__tests__/input.test.ts +23 -34
  72. package/src/modules/dx/input/input.ts +1 -1
  73. package/src/modules/dx/instrumentation/__tests__/instrumentation.test.ts +2 -2
  74. package/src/modules/dx/interactiveImage/__tests__/interactiveImage.test.ts +7 -10
  75. package/src/modules/dx/lazy/__tests__/lazy.test.ts +1 -1
  76. package/src/modules/dx/pagination/__tests__/pagination.test.ts +1 -1
  77. package/src/modules/dx/podcastHost/__tests__/podcastHost.test.ts +1 -1
  78. package/src/modules/dx/podcastPlayer/__tests__/podcastPlayer.test.ts +1 -1
  79. package/src/modules/dx/podcastSubscription/__tests__/podcastSubscription.test.ts +1 -1
  80. package/src/modules/dx/popover/__tests__/popover.test.ts +5 -2
  81. package/src/modules/dx/popover/popover.ts +1 -1
  82. package/src/modules/dx/radioGroup/__tests__/radioGroup.test.ts +1 -1
  83. package/src/modules/dx/relativeDateTime/__tests__/relativeDateTime.test.ts +1 -1
  84. package/src/modules/dx/section/__tests__/section.test.ts +1 -1
  85. package/src/modules/dx/section/section.ts +1 -1
  86. package/src/modules/dx/sectionSignup/__tests__/sectionSignup.test.ts +1 -1
  87. package/src/modules/dx/sidebar/__tests__/sidebar.test.ts +3 -3
  88. package/src/modules/dx/sidebar/sidebar.ts +1 -1
  89. package/src/modules/dx/sidebarOld/__tests__/sidebarOld.test.ts +2 -2
  90. package/src/modules/dx/sidebarSearch/__tests__/sidebarSearch.test.ts +6 -3
  91. package/src/modules/dx/sidebarSearch/sidebarSearch.ts +9 -3
  92. package/src/modules/dx/sidebarSearchResult/__tests__/sidebarSearchResult.test.ts +1 -1
  93. package/src/modules/dx/slackButton/__tests__/slackButton.test.ts +20 -0
  94. package/src/modules/dx/slackButton/slackButton.css +43 -0
  95. package/src/modules/dx/slackButton/slackButton.html +14 -0
  96. package/src/modules/dx/slackButton/slackButton.stories.ts +21 -0
  97. package/src/modules/dx/slackButton/slackButton.ts +3 -0
  98. package/src/modules/dx/slackCta/__tests__/slackCta.test.ts +52 -0
  99. package/src/modules/dx/slackCta/slackCta.css +46 -0
  100. package/src/modules/dx/slackCta/slackCta.html +6 -0
  101. package/src/modules/dx/slackCta/slackCta.stories.ts +25 -0
  102. package/src/modules/dx/slackCta/slackCta.ts +13 -0
  103. package/src/modules/dx/socials/__tests__/socials.test.ts +1 -1
  104. package/src/modules/dx/spinner/__tests__/spinner.test.ts +1 -1
  105. package/src/modules/dx/tab/__tests__/tab.test.ts +1 -1
  106. package/src/modules/dx/toc/__tests__/toc.test.ts +13 -19
  107. package/src/modules/dx/tooltip/__tests__/tooltip.test.ts +3 -4
  108. package/src/modules/dx/topics/__tests__/topics.test.ts +1 -1
  109. package/src/modules/dx/tree/__tests__/tree.test.ts +1 -1
  110. package/src/modules/dx/treeItem/__tests__/treeItem.test.ts +1 -1
  111. package/src/modules/dx/treeTile/__tests__/treeTile.test.ts +1 -1
  112. package/src/modules/dx/typeBadge/__tests__/typeBadge.test.ts +1 -1
  113. package/src/modules/dx/typeBadge/typeBadge.ts +1 -1
  114. package/src/modules/dx/typeBadgeGroup/__tests__/typeBadgeGroup.test.ts +9 -13
  115. package/src/modules/{tests → test-components}/buttonTest/buttonTest.html +0 -0
  116. package/src/modules/{tests → test-components}/buttonTest/buttonTest.ts +0 -0
  117. package/src/modules/{tests → test-components}/codeBlockTest/codeBlockTest.js +0 -0
  118. package/src/modules/{tests → test-components}/featureGridTest/featureGridTest.html +0 -0
  119. package/src/modules/{tests → test-components}/featureGridTest/featureGridTest.ts +0 -0
  120. package/src/modules/{tests → test-components}/instrumentationTest/instrumentationTest.html +0 -0
  121. package/src/modules/{tests → test-components}/instrumentationTest/instrumentationTest.ts +0 -0
  122. package/src/modules/{tests → test-components}/popoverTest/popoverTest.html +0 -0
  123. package/src/modules/{tests → test-components}/popoverTest/popoverTest.ts +0 -0
  124. package/src/modules/utils/highlight/highlight.ts +1 -1
  125. package/src/modules/{utils → utils-internal}/archiveCard/archiveCard.ts +0 -0
  126. package/src/modules/{utils → utils-internal}/coveo/coveo.ts +0 -0
  127. package/src/modules/{utils → utils-internal}/css/css.ts +0 -0
  128. package/src/modules/{utils → utils-internal}/devices/devices.ts +0 -0
  129. package/src/modules/{utils → utils-internal}/headerBase/headerBase.ts +1 -2
  130. package/src/modules/{utils → utils-internal}/jest/jest.ts +0 -0
  131. package/src/modules/{utils → utils-internal}/options/options.ts +0 -0
  132. package/src/modules/{utils → utils-internal}/prismjs/prismjs.html +0 -0
  133. package/src/modules/{utils → utils-internal}/prismjs/prismjs.ts +220 -124
  134. package/src/modules/{utils → utils-internal}/recentSearches/__tests__/recentSearches.test.ts +5 -1
  135. package/src/modules/{utils → utils-internal}/recentSearches/recentSearches.ts +0 -0
  136. package/src/modules/{utils → utils-internal}/regexps/regexps.ts +0 -0
  137. package/src/modules/{utils → utils-internal}/seo/seo.ts +0 -0
  138. package/src/modules/{utils → utils-internal}/slot/slot.ts +0 -0
  139. package/src/modules/utils-internal/storybook/storybook.ts +32 -0
  140. package/src/modules/{utils → utils-internal}/tests/tests.ts +0 -0
  141. package/src/modules/{utils → utils-internal}/wordpress/__tests__/wordpress.test.ts +0 -0
  142. package/src/modules/{utils → utils-internal}/wordpress/wordpress.ts +0 -0
  143. package/src/modules/utils/storybook/storybook.ts +0 -33
package/src/modules/{utils → utils-internal}/recentSearches/__tests__/recentSearches.test.ts RENAMED
@@ -1,4 +1,8 @@
1
- import { RecentSearches, LOCAL_STORAGE_KEY, LIMIT } from "utils/recentSearches";
1
+ import {
2
+ RecentSearches,
3
+ LOCAL_STORAGE_KEY,
4
+ LIMIT
5
+ } from "utils-internal/recentSearches";
2
6
 
3
7
  describe("recentSearches", () => {
4
8
  beforeEach(() => {
package/src/modules/{utils → utils-internal}/seo/seo.ts RENAMED
File without changes
package/src/modules/utils-internal/storybook/storybook.ts ADDED
@@ -0,0 +1,32 @@
1
+ import { html } from "lit-html";
2
+
3
+ export const createRenderComponents =
4
+ (component: string) =>
5
+ (num: number = 12, props: string = "") => {
6
+ let shell = ``;
7
+ for (let i = 0; i < num; i++) {
8
+ const insertIndex = component.indexOf(">");
9
+ const _component = [
10
+ component.slice(0, insertIndex),
11
+ ` ${props}`,
12
+ component.slice(insertIndex)
13
+ ].join("");
14
+ shell = `
15
+ ${shell}
16
+ ${_component}
17
+ `;
18
+ }
19
+ return shell;
20
+ };
21
+
22
+ export const renderStyle = (componentTag: string) => html`
23
+ <style>
24
+ span {
25
+ color: grey;
26
+ }
27
+ ${componentTag} {
28
+ margin-top: 16px;
29
+ margin-bottom: 36px;
30
+ }
31
+ </style>
32
+ `;
package/src/modules/utils/storybook/storybook.ts DELETED
@@ -1,33 +0,0 @@
1
- import { html } from "lit-html";
2
-
3
- export const createRenderComponents = (component: string) => (
4
- num: number = 12,
5
- props: string = ""
6
- ) => {
7
- let shell = ``;
8
- for (let i = 0; i < num; i++) {
9
- const insertIndex = component.indexOf(">");
10
- const _component = [
11
- component.slice(0, insertIndex),
12
- ` ${props}`,
13
- component.slice(insertIndex)
14
- ].join("");
15
- shell = `
16
- ${shell}
17
- ${_component}
18
- `;
19
- }
20
- return shell;
21
- };
22
-
23
- export const renderStyle = (componentTag: string) => html`
24
- <style>
25
- span {
26
- color: grey;
27
- }
28
- ${componentTag} {
29
- margin-top: 16px;
30
- margin-bottom: 36px;
31
- }
32
- </style>
33
- `;