@dative-gpi/foundation-shared-components 1.0.14 → 1.0.15

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/components/FSIconCard.vue +1 -1
  2. package/components/tiles/FSFolderTileUI.vue +3 -1
  3. package/components/tiles/FSSimpleTileUI.vue +19 -7
  4. package/components/views/FSEntityHeader.vue +31 -17
  5. package/package.json +4 -4
package/components/FSIconCard.vue CHANGED
@@ -46,7 +46,7 @@ export default defineComponent({
46
46
  default: null
47
47
  },
48
48
  backgroundVariant: {
49
- type: String as PropType<"background" | "gradient">,
49
+ type: String as PropType<"background" | "standard" | "full" | "gradient">,
50
50
  required: false,
51
51
  default: "background"
52
52
  },
package/components/tiles/FSFolderTileUI.vue CHANGED
@@ -1,7 +1,9 @@
1
1
  <template>
2
2
  <FSSimpleTileUI
3
- :iconBackgroundColor="true"
3
+ iconBackgroundVariant="gradient"
4
+ :iconBackgroundColor="color"
4
5
  :bottomColor="color"
6
+ :iconBorder="false"
5
7
  :icon="$props.icon"
6
8
  v-bind="$attrs"
7
9
  />
package/components/tiles/FSSimpleTileUI.vue CHANGED
@@ -36,13 +36,15 @@
36
36
  </FSCol>
37
37
  <FSImage
38
38
  v-if="$props.imageId"
39
+ :imageId="$props.imageId"
39
40
  :height="imageSize"
40
41
  :width="imageSize"
41
- :imageId="$props.imageId"
42
42
  />
43
43
  <FSIconCard
44
44
  v-else
45
- :backgroundColor="iconBackgroundColor"
45
+ :backgroundVariant="$props.iconBackgroundVariant"
46
+ :backgroundColor="$props.iconBackgroundColor"
47
+ :border="$props.iconBorder"
46
48
  :icon="$props.icon"
47
49
  :size="imageSize"
48
50
  />
@@ -90,16 +92,26 @@ export default defineComponent({
90
92
  required: false,
91
93
  default: null
92
94
  },
93
- iconBackgroundColor: {
94
- type: Boolean,
95
- required: false,
96
- default: false
97
- },
98
95
  icon: {
99
96
  type: String as PropType<string>,
100
97
  required: false,
101
98
  default: "mdi-ab-testing"
102
99
  },
100
+ iconBackgroundVariant: {
101
+ type: String as PropType<"background" | "standard" | "full" | "gradient">,
102
+ required: false,
103
+ default: "background"
104
+ },
105
+ iconBackgroundColor: {
106
+ type: [Array, String] as PropType<ColorBase | ColorBase[]>,
107
+ required: false,
108
+ default: ColorEnum.Background
109
+ },
110
+ iconBorder: {
111
+ type: Boolean as PropType<boolean>,
112
+ required: false,
113
+ default: true
114
+ },
103
115
  activeColor: {
104
116
  type: String as PropType<ColorBase>,
105
117
  required: false,
package/components/views/FSEntityHeader.vue CHANGED
@@ -17,21 +17,23 @@
17
17
  <FSImage
18
18
  v-if="$props.imageId"
19
19
  :imageId="$props.imageId"
20
+ :cover="imageCover"
20
21
  :height="imageSize"
21
22
  :width="imageSize"
22
- :cover="imageCover"
23
23
  />
24
24
  <FSIcon
25
25
  v-else-if="$props.icon && $props.color"
26
+ :color="$props.color"
26
27
  :icon="$props.icon"
27
28
  :size="imageSize"
28
- :color="$props.color"
29
29
  />
30
30
  <FSIconCard
31
- v-else-if="$props.icon && $props.iconBackgroundColors && $props.iconBackgroundColors.length > 0"
31
+ v-else-if="$props.icon && $props.iconBackgroundColor && $props.iconBackgroundColor.length > 0"
32
+ :backgroundVariant="$props.iconBackgroundVariant"
33
+ :backgroundColor="$props.iconBackgroundColor"
34
+ :border="$props.iconBorder"
32
35
  :icon="$props.icon"
33
36
  :size="imageSize"
34
- :backgroundColor="$props.iconBackgroundColors"
35
37
  />
36
38
  <FSCol
37
39
  align="center-left"
@@ -137,16 +139,18 @@
137
139
  <FSImage
138
140
  v-if="$props.imageId"
139
141
  :imageId="$props.imageId"
142
+ :cover="imageCover"
140
143
  :height="imageSize"
141
144
  :width="imageSize"
142
- :cover="imageCover"
143
145
  />
144
146
  <FSIconCard
145
- v-else-if="$props.icon && $props.iconBackgroundColors && $props.iconBackgroundColors.length > 0"
147
+ v-else-if="$props.icon && $props.iconBackgroundColor && $props.iconBackgroundColor.length > 0"
148
+ iconSize="70px"
149
+ :backgroundVariant="$props.iconBackgroundVariant"
150
+ :backgroundColor="$props.iconBackgroundColor"
151
+ :border="$props.iconBorder"
146
152
  :icon="$props.icon"
147
153
  :size="imageSize"
148
- iconSize="70px"
149
- :backgroundColor="$props.iconBackgroundColors"
150
154
  />
151
155
  <FSIcon
152
156
  v-else-if="$props.icon"
@@ -210,7 +214,7 @@
210
214
  <script lang="ts">
211
215
  import { computed, defineComponent, type PropType } from "vue";
212
216
 
213
- import { type ColorBase, type FSBreadcrumbItem } from "@dative-gpi/foundation-shared-components/models";
217
+ import { ColorEnum, type ColorBase, type FSBreadcrumbItem } from "@dative-gpi/foundation-shared-components/models";
214
218
  import { useBreakpoints, useSlots } from "@dative-gpi/foundation-shared-components/composables";
215
219
 
216
220
  import FSBreadcrumbs from "../FSBreadcrumbs.vue";
@@ -240,20 +244,30 @@ export default defineComponent({
240
244
  required: false,
241
245
  default: null
242
246
  },
243
- icon: {
244
- type: String as PropType<string | null>,
245
- required: false,
246
- default: null
247
- },
248
247
  color: {
249
248
  type: String as PropType<ColorBase>,
250
249
  required: false,
251
250
  default: null
252
251
  },
253
- iconBackgroundColors: {
254
- type: Array as PropType<string[]>,
252
+ icon: {
253
+ type: String as PropType<string>,
254
+ required: false,
255
+ default: "mdi-ab-testing"
256
+ },
257
+ iconBackgroundVariant: {
258
+ type: String as PropType<"background" | "standard" | "full" | "gradient">,
255
259
  required: false,
256
- default: () => []
260
+ default: "background"
261
+ },
262
+ iconBackgroundColor: {
263
+ type: [Array, String] as PropType<ColorBase | ColorBase[]>,
264
+ required: false,
265
+ default: ColorEnum.Background
266
+ },
267
+ iconBorder: {
268
+ type: Boolean as PropType<boolean>,
269
+ required: false,
270
+ default: true
257
271
  },
258
272
  title: {
259
273
  type: String as PropType<string | null>,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dative-gpi/foundation-shared-components",
3
3
  "sideEffects": false,
4
- "version": "1.0.14",
4
+ "version": "1.0.15",
5
5
  "description": "",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -10,8 +10,8 @@
10
10
  "author": "",
11
11
  "license": "ISC",
12
12
  "dependencies": {
13
- "@dative-gpi/foundation-shared-domain": "1.0.14",
14
- "@dative-gpi/foundation-shared-services": "1.0.14"
13
+ "@dative-gpi/foundation-shared-domain": "1.0.15",
14
+ "@dative-gpi/foundation-shared-services": "1.0.15"
15
15
  },
16
16
  "peerDependencies": {
17
17
  "@dative-gpi/bones-ui": "^0.0.75",
@@ -35,5 +35,5 @@
35
35
  "sass": "1.71.1",
36
36
  "sass-loader": "13.3.2"
37
37
  },
38
- "gitHead": "e073c5a79111956c451fe05f19c7829246d4784e"
38
+ "gitHead": "0d954dc13c1fbf94cbaae8c75b8f10b474baa9e4"
39
39
  }