@dcrackel/meyersquaredui 1.0.138 → 1.0.139

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dcrackel/meyersquaredui",
3
3
  "private": false,
4
- "version": "1.0.138",
4
+ "version": "1.0.139",
5
5
  "type": "module",
6
6
  "main": "dist/meyersquaredui.cjs.js",
7
7
  "module": "dist/meyersquaredui.esm.js",
@@ -3,8 +3,8 @@
3
3
  <!-- Left Section: Position, Fencer name and club -->
4
4
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
5
5
  <div class="flex items-center">
6
- <div v-if="!data.isHeader" class="w-5 h-5 rounded-full bg-accent flex items-center justify-center mr-2 flex-shrink-0">
7
- <BaseText tag="p" size="xs" color="white" weight="normal" class="text-center font-sourceCodePro mt-0.5">{{ index }}</BaseText>
6
+ <div v-if="!data.isHeader" class="w-5 h-5 rounded-full bg-accent flex items-center justify-center mr-2 md:mr-4 flex-shrink-0">
7
+ <BaseText tag="p" size="xs" color="white" weight="normal" class="text-center font-sourceCodePro">{{ index }}</BaseText>
8
8
  </div>
9
9
  <div v-if="data.isHeader" class="w-5 h-5 rounded-full flex items-center justify-center min-w-8 overflow-hidden"></div>
10
10
  <BaseText tag="h3" size="md" weight="bold" class="min-w-52">{{ FencerName }}</BaseText>
@@ -2,8 +2,9 @@
2
2
  <section :class="topBoxClass">
3
3
  <section class="w-full">
4
4
  <div :class="topClasses" class="flex flex-col">
5
- <div v-if="title" :class="headerClasses">
5
+ <div v-if="title" :class="headerClasses" class="flex flex-col">
6
6
  <BaseText color="primary" size="xl" tag="h3" weight="bold">{{ title }}</BaseText>
7
+ <BaseText v-if="description" color="primary" size="md" tag="p" weight="normal" class="mt-2">{{ description }}</BaseText>
7
8
  </div>
8
9
  <div :class="gridClasses">
9
10
  <component
@@ -54,6 +55,9 @@ export default {
54
55
  title: {
55
56
  type: String
56
57
  },
58
+ description: {
59
+ type: String
60
+ },
57
61
  moreButtonLabel: {
58
62
  type: String,
59
63
  default: 'See More',
@@ -109,7 +113,7 @@ export default {
109
113
  return retClasses;
110
114
  },
111
115
  headerClasses() {
112
- let retClasses = "w-full flex py-4 md:pb-10 ml-2 md:ml-0 mb-4";
116
+ let retClasses = "w-full flex py-4 ml-2 md:ml-0 mb-4";
113
117
  if (!this.whiteStyle) retClasses = `${retClasses} justify-center`;
114
118
  return retClasses;
115
119
  },
@@ -1,7 +1,7 @@
1
1
  import PoolResults from './PoolResults.vue';
2
2
  import getPoolsWithBoutsByPoolId from "../../../mocks/getPoolsWithBoutsByPoolId.js";
3
3
  export default {
4
- title: 'Templates/PoolResults/PoolResults',
4
+ title: 'Templates/PoolResults',
5
5
  component: PoolResults,
6
6
  };
7
7
 
@@ -5,6 +5,7 @@
5
5
  :cardComponent="FencerPoolStatsCard"
6
6
  :whiteStyle="true"
7
7
  title="Fencer Stats Report"
8
+ description="this is a description"
8
9
  maxColumns="1"
9
10
  />
10
11
  </div>