@policystudio/policy-studio-ui-vue 1.1.90-beta.84 → 1.1.90-beta.85

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 (4) hide show
  1. package/dist/css/psui_styles_output.css +0 -3
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsCardInfos.scss +1 -1
  4. package/src/components/badges-and-tags/PsCardInfos.vue +16 -9
package/dist/css/psui_styles_output.css CHANGED
@@ -1784,9 +1784,6 @@ video {
1784
1784
  font-size: 12px;
1785
1785
  line-height: 130%;
1786
1786
  }
1787
- .psui-el-card-infos-title {
1788
- font-weight: 700;
1789
- }
1790
1787
  .psui-el-card-infos-title {
1791
1788
  --tw-text-opacity: 1;
1792
1789
  color: rgb(162, 172, 183, var(--tw-text-opacity, 1));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-beta.84",
3
+ "version": "1.1.90-beta.85",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
package/src/assets/scss/components/PsCardInfos.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  @apply psui-border psui-border-gray-20 psui-rounded-md psui-flex psui-flex-col psui-items-center psui-justify-center psui-px-3 psui-py-2 psui-cursor-pointer;
5
5
 
6
6
  &-title {
7
- @apply psui-flex psui-text-xsmall psui-font-bold psui-text-gray-40 psui-mb-1;
7
+ @apply psui-flex psui-text-xsmall psui-text-gray-40 psui-mb-1;
8
8
  }
9
9
 
10
10
  &-content {
package/src/components/badges-and-tags/PsCardInfos.vue CHANGED
@@ -4,14 +4,14 @@
4
4
  @click="onClick()"
5
5
  >
6
6
  <h5 class="psui-el-card-infos-title">
7
- <span :class="[titleColor, 'psui-mr-1']">{{ title }}</span>
7
+ <span :class="[titleClass, 'psui-mr-1']">{{ title }}</span>
8
8
  <slot name="subtitle">
9
- <span :class="subtitleColor">{{ subtitle }}</span>
9
+ <span :class="subtitleClass">{{ subtitle }}</span>
10
10
  </slot>
11
11
  </h5>
12
12
  <div class="psui-el-card-infos-content">
13
13
  <span class="psui-el-card-infos-icon material-icons-round">{{ icon }}</span>
14
- <h5 class="psui-text-gray-80">
14
+ <h5 :class="totalClass">
15
15
  {{ total }}
16
16
  </h5>
17
17
  </div>
@@ -49,18 +49,25 @@ defineProps({
49
49
  default: '',
50
50
  },
51
51
  /**
52
- * It sets the color class for the title text.
52
+ * It sets the class for the title text (color, font-weight, font-size, etc.).
53
53
  */
54
- titleColor: {
54
+ titleClass: {
55
55
  type: String,
56
- default: 'psui-text-gray-60',
56
+ default: 'psui-text-gray-60 psui-font-bold',
57
57
  },
58
58
  /**
59
- * It sets the color class for the subtitle text.
59
+ * It sets the class for the subtitle text (color, font-weight, font-size, etc.).
60
60
  */
61
- subtitleColor: {
61
+ subtitleClass: {
62
62
  type: String,
63
- default: 'psui-text-gray-40',
63
+ default: 'psui-text-gray-40 psui-font-bold',
64
+ },
65
+ /**
66
+ * It sets the class for the total text (color, font-weight, font-size, etc.).
67
+ */
68
+ totalClass: {
69
+ type: String,
70
+ default: 'psui-text-gray-80',
64
71
  },
65
72
  })
66
73