@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.
- package/CHANGELOG.md +13 -0
- package/package.json +2 -2
- package/src/components/AsteroidWatchWidget/AsteroidWatchWidget.stories.js +2 -2
- package/src/components/BaseAccordionItem/BaseAccordionItem.stories.js +48 -4
- package/src/components/BaseAudio/BaseAudio.stories.js +4 -6
- package/src/components/BaseButton/BaseButton.stories.ts +13 -5
- package/src/components/BaseHeading/BaseHeading.stories.js +10 -3
- package/src/components/BaseImage/BaseImage.stories.ts +8 -3
- package/src/components/BaseImageCaption/BaseImageCaption.stories.js +11 -0
- package/src/components/BaseImagePlaceholder/BaseImagePlaceholder.stories.js +14 -3
- package/src/components/BaseLink/BaseLink.stories.js +47 -4
- package/src/components/BasePill/BasePill.stories.js +10 -4
- package/src/components/BasePill/BasePill.vue +1 -3
- package/src/components/BaseTimer/BaseTimer.stories.js +1 -1
- package/src/components/BlockAccordion/BlockAccordion.stories.js +3 -1
- package/src/components/BlockCardGridItem/BlockCardGridItem.stories.js +2 -2
- package/src/components/BlockCardGridItem/BlockCardGridItemElement.vue +1 -1
- package/src/components/BlockCircleImageCard/BlockCircleImageCard.stories.js +2 -1
- package/src/components/BlockIframeEmbed/BlockIframeEmbed.stories.js +2 -2
- package/src/components/BlockImageCarousel/BlockImageCarousel.stories.js +2 -2
- package/src/components/BlockImageCarouselItem/BlockImageCarouselItem.stories.js +2 -2
- package/src/components/BlockImageComparison/BlockImageComparison.stories.js +2 -2
- package/src/components/BlockImageGallery/BlockImageGallery.stories.js +2 -2
- package/src/components/BlockInlineImage/BlockInlineImage.stories.js +12 -2
- package/src/components/BlockLinkCard/BlockLinkCard.stories.js +19 -16
- package/src/components/BlockLinkCard/BlockLinkCard.vue +1 -1
- package/src/components/BlockLinkTile/BlockLinkTile.stories.js +2 -2
- package/src/components/EventDetailHero/EventDetailHero.stories.js +10 -7
- package/src/components/HeroLarge/HeroLarge.stories.js +26 -2
- package/src/components/HeroLarge/HeroLarge.vue +2 -0
- package/src/components/HeroMedia/HeroMedia.stories.js +1 -1
- package/src/components/HeroMedium/HeroMedium.stories.js +18 -4
- package/src/components/HeroMedium/HeroSmall.stories.js +18 -4
- package/src/components/HomepageCarouselItem/HomepageCarouselItem.stories.js +2 -2
- package/src/components/MetaPanel/MetaPanel.stories.js +1 -1
- package/src/components/MissionDetailHero/MissionDetailHero.stories.js +2 -2
- package/src/components/MissionDetailStats/MissionDetailStats.stories.js +2 -2
- package/src/components/NavHeading/NavHeading.stories.js +2 -2
- package/src/components/NavHighlight/NavHighlight.stories.js +2 -2
- package/src/components/NavLinkList/NavLinkList.stories.js +2 -2
- package/src/components/NavMobile/NavMobile.stories.js +7 -2
- package/src/components/NavMobile/NavMobileEdu.stories.js +9 -3
- package/src/components/ParallaxContainer/ParallaxContainer.stories.js +2 -2
- package/src/components/RoboticsDetailStats/RoboticsDetailStats.stories.js +2 -2
- package/src/components/SearchResultGridItem/SearchResultGridItem.stories.js +2 -2
- package/src/components/SearchResultsList/SearchResultsList.stories.js +2 -2
- package/src/components/TopicDetailMissionCarouselItem/TopicDetailMissionCarouselItem.stories.js +2 -2
- package/src/components/TopicDetailMoreItem/TopicDetailMoreItem.stories.js +2 -2
- package/src/docs/foundation/grid_layouthelpers.stories.js +2 -2
- package/src/docs/introduction.docs.mdx +14 -2
- package/src/templates/PageContent/PageContent.stories.js +1 -1
- package/src/templates/PageEventDetail/PageEventDetail.stories.js +1 -1
- package/src/templates/PageNewsDetail/PageNewsDetail.stories.js +2 -2
- package/src/templates/edu/PageContentEdu.stories.js +2 -2
- package/src/templates/edu/PageEduCollectionsDetail/PageEduCollectionsDetail.stories.js +2 -2
- package/src/templates/edu/PageEduEventDetail/PageEduEventDetail.stories.js +1 -1
- package/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.stories.js +2 -2
- package/src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.stories.js +1 -1
- package/src/templates/edu/PageEduHome/PageEduHome.stories.js +1 -1
- package/src/templates/edu/PageEduLesson/PageEduLesson.stories.js +2 -2
- package/src/templates/edu/PageEduMultimediaDetail/PageEduMultimediaDetail.stories.js +1 -1
- package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.js +2 -2
- package/src/templates/edu/PageEduStudentProject/PageEduStudentProject.stories.js +2 -2
- package/src/templates/edu/PageEduTeachableMoment/PageEduTeachableMoment.stories.js +2 -2
- package/src/templates/www/PageAsteroidWatchContent/PageAsteroidWatchContent.stories.js +2 -2
- package/src/templates/www/PageAsteroidWatchIndex/PageAsteroidWatchIndex.stories.js +2 -2
- package/src/templates/www/PageGoDirectory/PageGoDirectory.stories.js +2 -2
- package/src/templates/www/PageHomepage/PageHomepage.stories.js +2 -2
- package/src/templates/www/PageMissionDetail/PageMissionDetail.stories.js +2 -2
- package/src/templates/www/PagePodcast/PagePodcast.stories.js +2 -2
- package/src/templates/www/PagePodcastSeason/PagePodcastSeason.stories.js +2 -2
- package/src/templates/www/PagePressKitIndex/PagePressKitIndex.stories.js +2 -2
- package/src/templates/www/PageProfileDetail/PageProfileDetail.stories.js +2 -2
- package/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.stories.js +2 -2
- package/src/templates/www/PageTimeline/PageTimeline.stories.js +2 -2
- 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
|
-
|
|
46
|
+
className="w-auto text-left"
|
|
47
47
|
style={{ width: 'unset' }}
|
|
48
48
|
>
|
|
49
49
|
<thead>
|
|
50
|
-
<tr
|
|
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>
|
|
@@ -17,13 +17,13 @@ export default {
|
|
|
17
17
|
component: PageNewsDetail,
|
|
18
18
|
decorators: [
|
|
19
19
|
() => ({
|
|
20
|
-
template: `<div id="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
20
|
+
root: '#storyRoot'
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
excludeStories: /.*Data$/
|
|
@@ -16,14 +16,14 @@ export default {
|
|
|
16
16
|
tags: ['!autodocs'],
|
|
17
17
|
decorators: [
|
|
18
18
|
() => ({
|
|
19
|
-
template: `<div id="
|
|
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: '#
|
|
26
|
+
root: '#storyRoot'
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
excludeStories: /.*Data$/
|
|
@@ -21,14 +21,14 @@ export default {
|
|
|
21
21
|
tags: ['!autodocs'],
|
|
22
22
|
decorators: [
|
|
23
23
|
() => ({
|
|
24
|
-
template: `<div id="
|
|
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: '#
|
|
31
|
+
root: '#storyRoot'
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
excludeStories: /.*Data$/
|
|
@@ -10,14 +10,14 @@ export default {
|
|
|
10
10
|
tags: ['!autodocs'],
|
|
11
11
|
decorators: [
|
|
12
12
|
() => ({
|
|
13
|
-
template: `<div id="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
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="
|
|
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: '#
|
|
21
|
+
root: '#storyRoot'
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
excludeStories: /.*(Data)$/
|