@policystudio/policy-studio-ui-vue 1.1.34 → 1.1.36

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 (5) hide show
  1. package/dist/css/psui_styles.css +7 -5
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsTestimonialCard.scss +23 -21
  4. package/src/components/badges-and-tags/PsTestimonialCard.vue +15 -14
  5. package/src/components/table-results/PsTableResults.vue +1 -1
package/dist/css/psui_styles.css CHANGED
@@ -4149,6 +4149,7 @@ video {
4149
4149
  .psui-el-testimonial {
4150
4150
  position: relative;
4151
4151
  background-color: #ffffff ;
4152
+ box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 1px 2px rgba(0, 0, 0, 0.1);
4152
4153
  display: flex;
4153
4154
  flex-direction: column;
4154
4155
  border-radius: 0.5rem;
@@ -4164,17 +4165,17 @@ video {
4164
4165
  border-radius: 0.125rem;
4165
4166
  display: flex;
4166
4167
  align-items: center;
4167
- top:-15px;
4168
- right:16px;
4168
+ top: -15px;
4169
+ right: 16px;
4169
4170
  }
4170
4171
 
4171
4172
  .psui-el-testimonial-description {
4173
+ font-size: 16px;
4174
+ line-height: 130%;
4172
4175
  --text-opacity: 1;
4173
4176
  color: #002A3A;
4174
4177
  color: rgba(0, 42, 58, var(--text-opacity));
4175
4178
  font-style: italic;
4176
- font-size: 16px;
4177
- line-height: 130%;
4178
4179
  margin-bottom: 33px;
4179
4180
  }
4180
4181
 
@@ -4194,7 +4195,8 @@ video {
4194
4195
  font-weight: 700;
4195
4196
  }
4196
4197
 
4197
- .psui-el-testimonial-info-position,.psui-el-testimonial-info-jurisdiction {
4198
+ .psui-el-testimonial-info-position,
4199
+ .psui-el-testimonial-info-jurisdiction {
4198
4200
  --text-opacity: 1;
4199
4201
  color: #798490;
4200
4202
  color: rgba(121, 132, 144, var(--text-opacity));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.34",
3
+ "version": "1.1.36",
4
4
  "description": "Policy Studio UI",
5
5
  "main": "src/index.js",
6
6
  "author": "Policy Studio Team",
package/src/assets/scss/components/PsTestimonialCard.scss CHANGED
@@ -1,28 +1,30 @@
1
1
  @layer components {
2
- .psui-el-testimonial {
3
- @apply psui-relative psui-bg-white psui-flex psui-flex-col psui-rounded-lg w-full;
4
- padding: 56px 42px 40px 32px;
2
+ .psui-el-testimonial {
3
+ @apply psui-relative psui-bg-white psui-shadow-elevation-5 psui-flex psui-flex-col psui-rounded-lg w-full;
4
+ padding: 56px 42px 40px 32px;
5
5
 
6
- &-icon {
7
- @apply psui-absolute psui-bg-blue-60 psui-rounded-sm psui-flex psui-items-center;
8
- top:-15px;
9
- right:16px;
10
- }
6
+ &-icon {
7
+ @apply psui-absolute psui-bg-blue-60 psui-rounded-sm psui-flex psui-items-center;
8
+ top: -15px;
9
+ right: 16px;
10
+ }
11
+
12
+ &-description {
13
+ @apply psui-text-p psui-text-blue-80 psui-italic;
14
+ margin-bottom: 33px;
15
+ }
11
16
 
12
- &-description {
13
- @apply psui-text-blue-80 psui-italic psui-text-p;
14
- margin-bottom: 33px;
15
- }
17
+ &-info {
18
+ @apply psui-flex psui-flex-col psui-mt-auto;
16
19
 
17
- &-info {
18
- @apply psui-flex psui-flex-col psui-mt-auto;
19
- &-user {
20
- @apply psui-mb-1 psui-text-blue-80 psui-text-small psui-font-bold;
21
- }
20
+ &-user {
21
+ @apply psui-mb-1 psui-text-blue-80 psui-text-small psui-font-bold;
22
+ }
22
23
 
23
- &-position,&-jurisdiction {
24
- @apply psui-text-gray-50 psui-text-small;
25
- }
26
- }
24
+ &-position,
25
+ &-jurisdiction {
26
+ @apply psui-text-gray-50 psui-text-small;
27
+ }
27
28
  }
29
+ }
28
30
  }
package/src/components/badges-and-tags/PsTestimonialCard.vue CHANGED
@@ -1,19 +1,20 @@
1
1
  <template>
2
- <div class="psui-el-testimonial">
3
- <div class="psui-el-testimonial-icon">
4
- <PsIcon
5
- icon="format_quote"
6
- size="35"
7
- color="psui-text-white"
8
- />
9
- </div>
10
- <p class="psui-el-testimonial-description">{{description}}</p>
11
- <div class="psui-el-testimonial-info">
12
- <span class="psui-el-testimonial-info-user" >{{user}}</span>
13
- <span class="psui-el-testimonial-info-position">{{position}}</span>
14
- <span class="psui-el-testimonial-info-jurisdiction">{{jurisdiction}}</span>
15
- </div>
2
+ <div class="psui-el-testimonial">
3
+ <div class="psui-el-testimonial-icon">
4
+ <PsIcon
5
+ icon="format_quote"
6
+ size="40"
7
+ color="psui-text-white"
8
+ display="flex"
9
+ />
16
10
  </div>
11
+ <p class="psui-el-testimonial-description">{{description}}</p>
12
+ <div class="psui-el-testimonial-info">
13
+ <span class="psui-el-testimonial-info-user" >{{user}}</span>
14
+ <span class="psui-el-testimonial-info-position">{{position}}</span>
15
+ <span class="psui-el-testimonial-info-jurisdiction">{{jurisdiction}}</span>
16
+ </div>
17
+ </div>
17
18
  </template>
18
19
 
19
20
  <script>
package/src/components/table-results/PsTableResults.vue CHANGED
@@ -212,7 +212,7 @@
212
212
  </PsTooltip>
213
213
 
214
214
  <p v-if="formatFunction && !item.is_disabled">
215
- {{ formatFunction(column.key, item.data[column.key], item.data) }}
215
+ {{ formatFunction(column.key, item.data[column.key], item.data, item.study_id) }}
216
216
  </p>
217
217
 
218
218
  <p