@explorer-1/vue 0.3.4 → 0.3.6

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 (76) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/package.json +2 -2
  3. package/src/components/AsteroidWatchWidget/AsteroidWatchWidget.stories.js +2 -2
  4. package/src/components/BaseAccordionItem/BaseAccordionItem.stories.js +48 -4
  5. package/src/components/BaseAudio/BaseAudio.stories.js +4 -6
  6. package/src/components/BaseButton/BaseButton.stories.ts +13 -5
  7. package/src/components/BaseHeading/BaseHeading.stories.js +10 -3
  8. package/src/components/BaseImage/BaseImage.stories.ts +8 -3
  9. package/src/components/BaseImageCaption/BaseImageCaption.stories.js +11 -0
  10. package/src/components/BaseImagePlaceholder/BaseImagePlaceholder.stories.js +14 -3
  11. package/src/components/BaseLink/BaseLink.stories.js +47 -4
  12. package/src/components/BasePill/BasePill.stories.js +10 -4
  13. package/src/components/BasePill/BasePill.vue +1 -3
  14. package/src/components/BaseTimer/BaseTimer.stories.js +1 -1
  15. package/src/components/BlockAccordion/BlockAccordion.stories.js +3 -1
  16. package/src/components/BlockCardGridItem/BlockCardGridItem.stories.js +2 -2
  17. package/src/components/BlockCardGridItem/BlockCardGridItemElement.vue +1 -1
  18. package/src/components/BlockCircleImageCard/BlockCircleImageCard.stories.js +2 -1
  19. package/src/components/BlockIframeEmbed/BlockIframeEmbed.stories.js +2 -2
  20. package/src/components/BlockImageCarousel/BlockImageCarousel.stories.js +2 -2
  21. package/src/components/BlockImageCarouselItem/BlockImageCarouselItem.stories.js +2 -2
  22. package/src/components/BlockImageComparison/BlockImageComparison.stories.js +2 -2
  23. package/src/components/BlockImageGallery/BlockImageGallery.stories.js +2 -2
  24. package/src/components/BlockInlineImage/BlockInlineImage.stories.js +12 -2
  25. package/src/components/BlockLinkCard/BlockLinkCard.stories.js +19 -16
  26. package/src/components/BlockLinkCard/BlockLinkCard.vue +1 -1
  27. package/src/components/BlockLinkTile/BlockLinkTile.stories.js +2 -2
  28. package/src/components/EventDetailHero/EventDetailHero.stories.js +10 -7
  29. package/src/components/HeroLarge/HeroLarge.stories.js +26 -2
  30. package/src/components/HeroLarge/HeroLarge.vue +2 -0
  31. package/src/components/HeroMedia/HeroMedia.stories.js +1 -1
  32. package/src/components/HeroMedium/HeroMedium.stories.js +18 -4
  33. package/src/components/HeroMedium/HeroSmall.stories.js +18 -4
  34. package/src/components/HomepageCarouselItem/HomepageCarouselItem.stories.js +2 -2
  35. package/src/components/MetaPanel/MetaPanel.stories.js +1 -1
  36. package/src/components/MissionDetailHero/MissionDetailHero.stories.js +2 -2
  37. package/src/components/MissionDetailStats/MissionDetailStats.stories.js +2 -2
  38. package/src/components/NavHeading/NavHeading.stories.js +2 -2
  39. package/src/components/NavHighlight/NavHighlight.stories.js +2 -2
  40. package/src/components/NavLinkList/NavLinkList.stories.js +2 -2
  41. package/src/components/NavMobile/NavMobile.stories.js +7 -2
  42. package/src/components/NavMobile/NavMobileEdu.stories.js +9 -3
  43. package/src/components/ParallaxContainer/ParallaxContainer.stories.js +2 -2
  44. package/src/components/RoboticsDetailStats/RoboticsDetailStats.stories.js +2 -2
  45. package/src/components/SearchResultGridItem/SearchResultGridItem.stories.js +2 -2
  46. package/src/components/SearchResultsList/SearchResultsList.stories.js +2 -2
  47. package/src/components/TopicDetailMissionCarouselItem/TopicDetailMissionCarouselItem.stories.js +2 -2
  48. package/src/components/TopicDetailMoreItem/TopicDetailMoreItem.stories.js +2 -2
  49. package/src/docs/foundation/grid_layouthelpers.stories.js +2 -2
  50. package/src/docs/introduction.docs.mdx +14 -2
  51. package/src/templates/PageContent/PageContent.stories.js +1 -1
  52. package/src/templates/PageEventDetail/PageEventDetail.stories.js +1 -1
  53. package/src/templates/PageNewsDetail/PageNewsDetail.stories.js +2 -2
  54. package/src/templates/edu/PageContentEdu.stories.js +2 -2
  55. package/src/templates/edu/PageEduCollectionsDetail/PageEduCollectionsDetail.stories.js +2 -2
  56. package/src/templates/edu/PageEduEventDetail/PageEduEventDetail.stories.js +1 -1
  57. package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.stories.js +2 -2
  58. package/src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.stories.js +1 -1
  59. package/src/templates/edu/PageEduHome/PageEduHome.stories.js +1 -1
  60. package/src/templates/edu/PageEduLesson/PageEduLesson.stories.js +2 -2
  61. package/src/templates/edu/PageEduMultimediaDetail/PageEduMultimediaDetail.stories.js +1 -1
  62. package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.js +2 -2
  63. package/src/templates/edu/PageEduStudentProject/PageEduStudentProject.stories.js +2 -2
  64. package/src/templates/edu/PageEduTeachableMoment/PageEduTeachableMoment.stories.js +2 -2
  65. package/src/templates/www/PageAsteroidWatchContent/PageAsteroidWatchContent.stories.js +2 -2
  66. package/src/templates/www/PageAsteroidWatchIndex/PageAsteroidWatchIndex.stories.js +2 -2
  67. package/src/templates/www/PageGoDirectory/PageGoDirectory.stories.js +2 -2
  68. package/src/templates/www/PageHomepage/PageHomepage.stories.js +2 -2
  69. package/src/templates/www/PageMissionDetail/PageMissionDetail.stories.js +2 -2
  70. package/src/templates/www/PagePodcast/PagePodcast.stories.js +2 -2
  71. package/src/templates/www/PagePodcastSeason/PagePodcastSeason.stories.js +2 -2
  72. package/src/templates/www/PagePressKitIndex/PagePressKitIndex.stories.js +2 -2
  73. package/src/templates/www/PageProfileDetail/PageProfileDetail.stories.js +2 -2
  74. package/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.stories.js +2 -2
  75. package/src/templates/www/PageTimeline/PageTimeline.stories.js +2 -2
  76. package/src/templates/www/PageTopicDetail/PageTopicDetail.stories.js +2 -2
@@ -43,16 +43,22 @@ Maintained by [DesignLab](https://www.behance.net/JPL-DesignLab)
43
43
 
44
44
  <div>
45
45
  <table
46
- class="w-auto text-left"
46
+ className="w-auto text-left"
47
47
  style={{ width: 'unset' }}
48
48
  >
49
49
  <thead>
50
- <tr class="text-left">
50
+ <tr className="text-left">
51
51
  <th>Package</th>
52
52
  <th>Version</th>
53
53
  </tr>
54
54
  </thead>
55
55
  <tbody>
56
+ <tr>
57
+ <td>[@nasa-jpl/explorer-1](https://www.npmjs.com/package/@nasa-jpl/explorer-1)</td>
58
+ <td>
59
+ <code>{packageVersions.__VERSION__NASA_JPL_EXPLORER_1__}</code>
60
+ </td>
61
+ </tr>
56
62
  <tr>
57
63
  <td>[@explorer-1/common](https://www.npmjs.com/package/@explorer-1/common)</td>
58
64
  <td>
@@ -65,6 +71,12 @@ Maintained by [DesignLab](https://www.behance.net/JPL-DesignLab)
65
71
  <code>{packageVersions.__VERSION__EXPLORER_1_VUE__}</code>
66
72
  </td>
67
73
  </tr>
74
+ <tr>
75
+ <td>[@explorer-1/html](https://www.npmjs.com/package/@explorer-1/html)</td>
76
+ <td>
77
+ <code>{packageVersions.__VERSION__EXPLORER_1_HTML__}</code>
78
+ </td>
79
+ </tr>
68
80
  </tbody>
69
81
  </table>
70
82
  </div>
@@ -15,7 +15,7 @@ export default {
15
15
  tags: ['!autodocs'],
16
16
  parameters: {
17
17
  html: {
18
- root: '#storyDecorator'
18
+ root: '#storyRoot'
19
19
  },
20
20
  layout: 'fullscreen'
21
21
  },
@@ -9,7 +9,7 @@ export default {
9
9
  tags: ['!autodocs'],
10
10
  parameters: {
11
11
  html: {
12
- root: '#storyDecorator'
12
+ root: '#storyRoot'
13
13
  },
14
14
  layout: 'fullscreen'
15
15
  },
@@ -17,13 +17,13 @@ export default {
17
17
  component: PageNewsDetail,
18
18
  decorators: [
19
19
  () => ({
20
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
20
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
21
21
  })
22
22
  ],
23
23
  parameters: {
24
24
  layout: 'fullscreen',
25
25
  html: {
26
- root: '#storyDecorator'
26
+ root: '#storyRoot'
27
27
  }
28
28
  },
29
29
  excludeStories: /.*Data$/
@@ -7,13 +7,13 @@ export default {
7
7
  tags: ['!autodocs'],
8
8
  decorators: [
9
9
  () => ({
10
- template: `<div id="storyDecorator" class="ThemeEdu"><story/></div>`
10
+ template: `<div id="storyRoot" class="ThemeEdu"><story/></div>`
11
11
  })
12
12
  ],
13
13
  globals: { theme: 'ThemeEdu' },
14
14
  parameters: {
15
15
  html: {
16
- root: '#storyDecorator'
16
+ root: '#storyRoot'
17
17
  },
18
18
  docs: {
19
19
  description: {
@@ -10,14 +10,14 @@ export default {
10
10
  tags: ['!autodocs'],
11
11
  decorators: [
12
12
  () => ({
13
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
13
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
14
14
  })
15
15
  ],
16
16
  globals: { theme: 'ThemeEdu' },
17
17
  parameters: {
18
18
  layout: 'fullscreen',
19
19
  html: {
20
- root: '#storyDecorator'
20
+ root: '#storyRoot'
21
21
  }
22
22
  },
23
23
  excludeStories: /.*Data$/
@@ -10,7 +10,7 @@ export default {
10
10
  globals: { theme: 'ThemeEdu' },
11
11
  parameters: {
12
12
  html: {
13
- root: '#storyDecorator'
13
+ root: '#storyRoot'
14
14
  },
15
15
  layout: 'fullscreen'
16
16
  },
@@ -16,14 +16,14 @@ export default {
16
16
  tags: ['!autodocs'],
17
17
  decorators: [
18
18
  () => ({
19
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
19
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
20
20
  })
21
21
  ],
22
22
  globals: { theme: 'ThemeEdu' },
23
23
  parameters: {
24
24
  layout: 'fullscreen',
25
25
  html: {
26
- root: '#storyDecorator'
26
+ root: '#storyRoot'
27
27
  }
28
28
  },
29
29
  excludeStories: /.*Data$/
@@ -14,7 +14,7 @@ export default {
14
14
  globals: { theme: 'ThemeEdu' },
15
15
  parameters: {
16
16
  html: {
17
- root: '#storyDecorator'
17
+ root: '#storyRoot'
18
18
  },
19
19
  layout: 'fullscreen'
20
20
  },
@@ -14,7 +14,7 @@ export default {
14
14
  globals: { theme: 'ThemeEdu' },
15
15
  parameters: {
16
16
  html: {
17
- root: '#storyDecorator'
17
+ root: '#storyRoot'
18
18
  },
19
19
  layout: 'fullscreen'
20
20
  },
@@ -21,14 +21,14 @@ export default {
21
21
  tags: ['!autodocs'],
22
22
  decorators: [
23
23
  () => ({
24
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
24
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
25
25
  })
26
26
  ],
27
27
  globals: { theme: 'ThemeEdu' },
28
28
  parameters: {
29
29
  layout: 'fullscreen',
30
30
  html: {
31
- root: '#storyDecorator'
31
+ root: '#storyRoot'
32
32
  }
33
33
  },
34
34
  excludeStories: /.*Data$/
@@ -15,7 +15,7 @@ export default {
15
15
  globals: { theme: 'ThemeEdu' },
16
16
  parameters: {
17
17
  html: {
18
- root: '#storyDecorator'
18
+ root: '#storyRoot'
19
19
  },
20
20
  layout: 'fullscreen'
21
21
  },
@@ -10,14 +10,14 @@ export default {
10
10
  tags: ['!autodocs'],
11
11
  decorators: [
12
12
  () => ({
13
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
13
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
14
14
  })
15
15
  ],
16
16
  globals: { theme: 'ThemeEdu' },
17
17
  parameters: {
18
18
  layout: 'fullscreen',
19
19
  html: {
20
- root: '#storyDecorator'
20
+ root: '#storyRoot'
21
21
  },
22
22
  docs: {
23
23
  description: {
@@ -24,14 +24,14 @@ export default {
24
24
  tags: ['!autodocs'],
25
25
  decorators: [
26
26
  () => ({
27
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
27
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
28
28
  })
29
29
  ],
30
30
  globals: { theme: 'ThemeEdu' },
31
31
  parameters: {
32
32
  layout: 'fullscreen',
33
33
  html: {
34
- root: '#storyDecorator'
34
+ root: '#storyRoot'
35
35
  }
36
36
  },
37
37
  excludeStories: /.*Data$/
@@ -21,14 +21,14 @@ export default {
21
21
  tags: ['!autodocs'],
22
22
  decorators: [
23
23
  () => ({
24
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
24
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
25
25
  })
26
26
  ],
27
27
  globals: { theme: 'ThemeEdu' },
28
28
  parameters: {
29
29
  layout: 'fullscreen',
30
30
  html: {
31
- root: '#storyDecorator'
31
+ root: '#storyRoot'
32
32
  }
33
33
  },
34
34
  excludeStories: /.*Data$/
@@ -7,14 +7,14 @@ export default {
7
7
  component: PageAsteroidWatchContent,
8
8
  decorators: [
9
9
  () => ({
10
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
10
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
11
11
  })
12
12
  ],
13
13
  tags: ['!autodocs'],
14
14
  parameters: {
15
15
  layout: 'fullscreen',
16
16
  html: {
17
- root: '#storyDecorator'
17
+ root: '#storyRoot'
18
18
  }
19
19
  },
20
20
  excludeStories: /.*(Data)$/
@@ -9,13 +9,13 @@ export default {
9
9
  tags: ['!autodocs'],
10
10
  decorators: [
11
11
  () => ({
12
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
12
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
13
13
  })
14
14
  ],
15
15
  parameters: {
16
16
  layout: 'fullscreen',
17
17
  html: {
18
- root: '#storyDecorator'
18
+ root: '#storyRoot'
19
19
  }
20
20
  },
21
21
  excludeStories: /.*(Data)$/
@@ -6,13 +6,13 @@ export default {
6
6
  tags: ['!autodocs'],
7
7
  decorators: [
8
8
  () => ({
9
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
9
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
10
10
  })
11
11
  ],
12
12
  parameters: {
13
13
  layout: 'fullscreen',
14
14
  html: {
15
- root: '#storyDecorator'
15
+ root: '#storyRoot'
16
16
  }
17
17
  },
18
18
  excludeStories: /.*(Data)$/
@@ -18,13 +18,13 @@ export default {
18
18
  tags: ['!autodocs'],
19
19
  decorators: [
20
20
  () => ({
21
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
21
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
22
22
  })
23
23
  ],
24
24
  parameters: {
25
25
  layout: 'fullscreen',
26
26
  html: {
27
- root: '#storyDecorator'
27
+ root: '#storyRoot'
28
28
  }
29
29
  }
30
30
  }
@@ -15,13 +15,13 @@ export default {
15
15
  tags: ['!autodocs'],
16
16
  decorators: [
17
17
  () => ({
18
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
18
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
19
19
  })
20
20
  ],
21
21
  parameters: {
22
22
  layout: 'fullscreen',
23
23
  html: {
24
- root: '#storyDecorator'
24
+ root: '#storyRoot'
25
25
  }
26
26
  },
27
27
  excludeStories: /.*(Data)$/
@@ -9,13 +9,13 @@ export default {
9
9
  tags: ['!autodocs'],
10
10
  decorators: [
11
11
  () => ({
12
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
12
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
13
13
  })
14
14
  ],
15
15
  parameters: {
16
16
  layout: 'fullscreen',
17
17
  html: {
18
- root: '#storyDecorator'
18
+ root: '#storyRoot'
19
19
  }
20
20
  },
21
21
  excludeStories: /.*(Data)$/
@@ -8,13 +8,13 @@ export default {
8
8
  tags: ['!autodocs'],
9
9
  decorators: [
10
10
  () => ({
11
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
11
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
12
12
  })
13
13
  ],
14
14
  parameters: {
15
15
  layout: 'fullscreen',
16
16
  html: {
17
- root: '#storyDecorator'
17
+ root: '#storyRoot'
18
18
  }
19
19
  },
20
20
  excludeStories: /.*(Data)$/
@@ -5,14 +5,14 @@ export default {
5
5
  component: PagePressKitIndex,
6
6
  decorators: [
7
7
  () => ({
8
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
8
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
9
9
  })
10
10
  ],
11
11
  tags: ['!autodocs'],
12
12
  parameters: {
13
13
  layout: 'fullscreen',
14
14
  html: {
15
- root: '#storyDecorator'
15
+ root: '#storyRoot'
16
16
  }
17
17
  },
18
18
  excludeStories: /.*(Data)$/
@@ -7,13 +7,13 @@ export default {
7
7
  tags: ['!autodocs'],
8
8
  decorators: [
9
9
  () => ({
10
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
10
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
11
11
  })
12
12
  ],
13
13
  parameters: {
14
14
  layout: 'fullscreen',
15
15
  html: {
16
- root: '#storyDecorator'
16
+ root: '#storyRoot'
17
17
  }
18
18
  },
19
19
  excludeStories: /.*(Data)$/
@@ -13,13 +13,13 @@ export default {
13
13
  tags: ['!autodocs'],
14
14
  decorators: [
15
15
  () => ({
16
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
16
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
17
17
  })
18
18
  ],
19
19
  parameters: {
20
20
  layout: 'fullscreen',
21
21
  html: {
22
- root: '#storyDecorator'
22
+ root: '#storyRoot'
23
23
  }
24
24
  },
25
25
  excludeStories: /.*(Data)$/
@@ -8,13 +8,13 @@ export default {
8
8
  tags: ['!autodocs'],
9
9
  decorators: [
10
10
  () => ({
11
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
11
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
12
12
  })
13
13
  ],
14
14
  parameters: {
15
15
  layout: 'fullscreen',
16
16
  html: {
17
- root: '#storyDecorator'
17
+ root: '#storyRoot'
18
18
  }
19
19
  },
20
20
  excludeStories: /.*(Data)$/
@@ -12,13 +12,13 @@ export default {
12
12
  tags: ['!autodocs'],
13
13
  decorators: [
14
14
  () => ({
15
- template: `<div id="storyDecorator" class="disable-nav-offset"><story/></div>`
15
+ template: `<div id="storyRoot" class="disable-nav-offset"><story/></div>`
16
16
  })
17
17
  ],
18
18
  parameters: {
19
19
  layout: 'fullscreen',
20
20
  html: {
21
- root: '#storyDecorator'
21
+ root: '#storyRoot'
22
22
  }
23
23
  },
24
24
  excludeStories: /.*(Data)$/