@explorer-1/vue 1.0.4 → 1.0.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 (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/package.json +2 -2
  3. package/src/components/BlockCsrTable/BlockCsrTable.stories.js +2 -1
  4. package/src/components/BlockCsrTable/BlockCsrTable.vue +1 -1
  5. package/src/components/BlockCsrTable/CsrTestLimitsTable.vue +10 -6
  6. package/src/components/BlockRichTable/BlockRichTable.vue +1 -1
  7. package/src/components/NavDesktop/NavDesktopDropdown.vue +1 -1
  8. package/src/components/NavMobile/NavMobile.vue +2 -2
  9. package/src/components/NavMobile/NavMobileLink.vue +1 -1
  10. package/src/components/NavSecondary/NavSecondaryDropdown.vue +1 -1
  11. package/src/components/NavSecondary/NavSecondaryLink.vue +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @explorer-1/vue
2
2
 
3
+ ## 1.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - 496d4fe: Adjusting usage of font-display in tables and secondary nav. Adjusting layout of Block CSR Table.
8
+ - Updated dependencies [496d4fe]
9
+ - @explorer-1/common@2.0.4
10
+
11
+ ## 1.0.5
12
+
13
+ ### Patch Changes
14
+
15
+ - 7230e1f: Adjusting use of font-display in mobile nav
16
+
3
17
  ## 1.0.4
4
18
 
5
19
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@explorer-1/vue",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -31,7 +31,7 @@
31
31
  "vue-bind-once": "^0.2.1",
32
32
  "vue3-compare-image": "^1.2.5",
33
33
  "vue3-observe-visibility": "^1.0.1",
34
- "@explorer-1/common": "2.0.3"
34
+ "@explorer-1/common": "2.0.4"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@vitejs/plugin-vue": "^5.0.4",
package/src/components/BlockCsrTable/BlockCsrTable.stories.js CHANGED
@@ -28,7 +28,8 @@ export const BlockCsrTableData = [
28
28
  TotalDose: '200',
29
29
  DoseRate: null,
30
30
  TotalFluence: null,
31
- LETthOrEnergy: null,
31
+ LETthOrEnergy:
32
+ ' >= Single Event Gate Rupture (SEGR), Single Event Latchup (SEL) - Screen, Single Event Transient (SET), Single Event Burnout (SEB), Single Event Function Interrupt (SEFI) <= 61.6',
32
33
  Rates: null,
33
34
  Fluence: null,
34
35
  Energy: null,
package/src/components/BlockCsrTable/BlockCsrTable.vue CHANGED
@@ -75,7 +75,7 @@ const theme = themeMaterial.withParams({
75
75
  })
76
76
 
77
77
  const headerClass = [
78
- 'min-w-[6rem] bg-jpl-blue-darker edu:bg-jpl-violet-darker font-display text-white text-sm border-gray-light-mid lg:p-5 p-3 border-b text-left'
78
+ 'min-w-[6rem] bg-jpl-blue-darker edu:bg-jpl-violet-darker font-secondary text-white text-sm border-gray-light-mid lg:p-5 p-3 border-b text-left'
79
79
  ]
80
80
  const defaultcolDef = {
81
81
  flex: 1,
package/src/components/BlockCsrTable/CsrTestLimitsTable.vue CHANGED
@@ -21,7 +21,7 @@ withDefaults(defineProps<CsrTestLimitsTableProps>(), {
21
21
  })
22
22
 
23
23
  const headerClass = [
24
- 'bg-jpl-blue-darker edu:bg-jpl-violet-darker text-subtitle text-white text-xs border-gray-light-mid px-3 border-b text-left'
24
+ 'bg-jpl-blue-darker edu:bg-jpl-violet-darker font-secondary text-white text-sm border-gray-light-mid px-3 border-b text-left'
25
25
  ]
26
26
  const CsrTestLimitsTableRef = ref()
27
27
  const theme = themeMaterial.withParams({
@@ -36,17 +36,21 @@ const colDefs = ref([
36
36
  flex: 0,
37
37
  width: 50
38
38
  },
39
- { field: 'TotalDose' },
40
- { field: 'DoseRate' },
41
- { field: 'TotalFluence' },
39
+ { field: 'TotalDose', wrapText: true, autoHeight: true },
40
+ { field: 'DoseRate', wrapText: true, autoHeight: true },
41
+ { field: 'TotalFluence', wrapText: true, autoHeight: true },
42
42
  {
43
43
  field: 'LETthOrEnergy',
44
+ wrapText: true,
45
+ autoHeight: true,
44
46
  headerName: 'LETth or Energy Range'
45
47
  },
46
48
  {
47
- field: 'Fluence'
49
+ field: 'Fluence',
50
+ wrapText: true,
51
+ autoHeight: true
48
52
  },
49
- { field: 'Energy' }
53
+ { field: 'Energy', wrapText: true, autoHeight: true }
50
54
  ])
51
55
  const defaultcolDef = {
52
56
  flex: 1,
package/src/components/BlockRichTable/BlockRichTable.vue CHANGED
@@ -54,7 +54,7 @@ export default defineComponent({
54
54
  v-for="(headCell, headIndex) in table.tableContent.tableHead[0]"
55
55
  :key="headIndex"
56
56
  scope="col"
57
- class="min-w-[6rem] bg-jpl-blue-darker edu:bg-jpl-violet-darker font-display text-white border-gray-light-mid lg:p-5 p-3 border-b text-left"
57
+ class="min-w-[6rem] bg-jpl-blue-darker edu:bg-jpl-violet-darker font-secondary text-sm text-white border-gray-light-mid lg:p-5 p-3 border-b text-left"
58
58
  >
59
59
  <template v-if="headCell">
60
60
  {{ (headCell as HeadCell).text }}
package/src/components/NavDesktop/NavDesktopDropdown.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <NavDropdownToggle
4
4
  v-click-outside="closeDropdown"
5
5
  :aria-expanded="dropdownVisible ? true : false"
6
- class="group relative z-20 px-4 font-bold font-text tracking-[-.2px] border-t-2 border-transparent edu:text-sm edu:xl:text-base edu:px-2 edu:xl:px-4"
6
+ class="group relative z-20 px-4 font-bold font-text tracking-[-.03rem] border-t-2 border-transparent edu:text-sm edu:xl:text-base edu:px-2 edu:xl:px-4"
7
7
  :class="{
8
8
  '-open': dropdownVisible
9
9
  }"
package/src/components/NavMobile/NavMobile.vue CHANGED
@@ -105,8 +105,8 @@
105
105
  <BaseLink
106
106
  variant="none"
107
107
  href="https://www.nasa.gov/learning-resources/"
108
- class="group relative block w-full px-4 py-2 text-xl font-medium text-left"
109
- link-class="flex flex-wrap-none overflow-visible whitespace-nowrap items-center py-0 pl-6 -ml-4 border-l-4 border-transparent"
108
+ class="group relative block w-full px-4 py-2 text-xl text-left"
109
+ link-class="flex flex-wrap-none overflow-visible whitespace-nowrap font-display font-bold items-center py-0 pl-6 -ml-4 border-l-4 border-transparent"
110
110
  external-target-blank
111
111
  >
112
112
  <span class="pr-2">NASA OSTEM</span>
package/src/components/NavMobile/NavMobileLink.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  v-if="data"
4
4
  variant="none"
5
5
  class="NavMobileLink"
6
- :link-class="`flex items-center py-2 text-lg font-display leading-tight ${linkClass}`"
6
+ :link-class="`flex items-center py-2 text-lg font-text leading-tight ${linkClass}`"
7
7
  :href="data.path && !getRouterLink(data) ? data.path : undefined"
8
8
  :to="getRouterLink(data) ? getRouterLink(data) : undefined"
9
9
  :exact="exact"
package/src/components/NavSecondary/NavSecondaryDropdown.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div
3
3
  v-click-outside="closeDropdown"
4
- class="NavSecondaryDropdown relative font-display"
4
+ class="NavSecondaryDropdown relative font-primary tracking-[-.03rem]"
5
5
  :class="{
6
6
  'mr-auto': index === 0
7
7
  }"
package/src/components/NavSecondary/NavSecondaryLink.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <BaseLink
3
3
  :href="isExternal(item.path) ? item.path : undefined"
4
4
  :to="!isExternal(item.path) ? item.path : undefined"
5
- link-class="block px-3 py-2 font-display"
5
+ link-class="block px-3 py-2 font-primary tracking-[-.03rem]"
6
6
  variant="none"
7
7
  class="NavSecondaryLink border-t-2 border-transparent"
8
8
  :class="baseLinkClasses(index)"