@dative-gpi/foundation-core-components 1.0.163 → 1.0.164-card

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 (3) hide show
  1. package/components/lists/dataCategories/FSBaseDataCategoriesList.vue +10 -8
  2. package/components/lists/dataDefinitions/FSBaseDataDefinitionsList.vue +10 -7
  3. package/package.json +7 -7
package/components/lists/dataCategories/FSBaseDataCategoriesList.vue CHANGED
@@ -41,16 +41,17 @@
41
41
  <template
42
42
  #item.tile="{ item }"
43
43
  >
44
- <FSClickable
44
+ <FSCard
45
45
  padding="12px"
46
46
  height="60px"
47
47
  width="233px"
48
- :color="isSelected(item.id) ? ColorEnum.Primary : ColorEnum.Dark"
48
+ :variant="isSelected(item.id) ? CardVariants.Standard : CardVariants.Background"
49
+ :color="ColorEnum.Primary"
49
50
  @click="$emit('update:modelValue', [item.id])"
50
51
  v-bind="$attrs"
51
52
  >
52
53
  <template
53
- #default
54
+ #default="{ contentVariant }"
54
55
  >
55
56
  <FSRow
56
57
  align="center-center"
@@ -65,11 +66,11 @@
65
66
  <FSIcon
66
67
  :color="item.correlated ? ColorEnum.Primary : ColorEnum.Light"
67
68
  :icon="item.correlated ? 'mdi-link' : 'mdi-link-off'"
68
- variant="dark"
69
+ :variant="contentVariant"
69
70
  />
70
71
  </FSRow>
71
72
  </template>
72
- </FSClickable>
73
+ </FSCard>
73
74
  </template>
74
75
  </FSDataTable>
75
76
  </FSFadeOut>
@@ -80,7 +81,7 @@
80
81
  import { defineComponent, type PropType, ref, watch } from "vue";
81
82
  import _ from "lodash";
82
83
 
83
- import {ColorEnum} from "@dative-gpi/foundation-shared-components/models";
84
+ import {CardVariants, ColorEnum} from "@dative-gpi/foundation-shared-components/models";
84
85
 
85
86
  import { useDataCategories } from "@dative-gpi/foundation-core-services/composables";
86
87
  import type { DataCategoryFilters } from "@dative-gpi/foundation-core-domain/models";
@@ -88,10 +89,10 @@ import type { DataCategoryFilters } from "@dative-gpi/foundation-core-domain/mod
88
89
  import FSDataTable from "../FSDataTable.vue";
89
90
  import FSCol from "@dative-gpi/foundation-shared-components/components/FSCol.vue";
90
91
  import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
92
+ import FSCard from "@dative-gpi/foundation-shared-components/components/FSCard.vue";
91
93
  import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
92
94
  import FSSpan from "@dative-gpi/foundation-shared-components/components/FSSpan.vue";
93
95
  import FSFadeOut from "@dative-gpi/foundation-shared-components/components/FSFadeOut.vue";
94
- import FSClickable from "@dative-gpi/foundation-shared-components/components/FSClickable.vue";
95
96
  import FSSearchField from "@dative-gpi/foundation-shared-components/components/fields/FSSearchField.vue";
96
97
  import FSButtonCheckbox from "@dative-gpi/foundation-shared-components/components/buttons/FSButtonCheckbox.vue";
97
98
 
@@ -101,7 +102,7 @@ export default defineComponent({
101
102
  FSDataTable,
102
103
  FSCol,
103
104
  FSFadeOut,
104
- FSClickable,
105
+ FSCard,
105
106
  FSRow,
106
107
  FSSpan,
107
108
  FSSearchField,
@@ -145,6 +146,7 @@ export default defineComponent({
145
146
  return {
146
147
  fetchingDataCategories,
147
148
  dataCategories,
149
+ CardVariants,
148
150
  ColorEnum,
149
151
  search,
150
152
  correlated,
package/components/lists/dataDefinitions/FSBaseDataDefinitionsList.vue CHANGED
@@ -28,16 +28,17 @@
28
28
  <template
29
29
  #item.tile="{ item }"
30
30
  >
31
- <FSClickable
31
+ <FSCard
32
32
  padding="12px"
33
33
  height="60px"
34
34
  width="233px"
35
- :color="isSelected(item.id) ? ColorEnum.Primary : ColorEnum.Light"
35
+ :color="ColorEnum.Primary"
36
+ :variant="isSelected(item.id) ? CardVariants.Standard : CardVariants.Background"
36
37
  @click="$emit('update:modelValue', [item.id])"
37
38
  v-bind="$attrs"
38
39
  >
39
40
  <template
40
- #default
41
+ #default="{ contentVariant }"
41
42
  >
42
43
  <FSRow
43
44
  align="center-center"
@@ -53,11 +54,12 @@
53
54
  <v-spacer/>
54
55
  <FSIcon
55
56
  :color="ColorEnum.Primary"
57
+ :variant="contentVariant"
56
58
  icon="mdi-link"
57
59
  />
58
60
  </FSRow>
59
61
  </template>
60
- </FSClickable>
62
+ </FSCard>
61
63
  </template>
62
64
  </FSDataTable>
63
65
  </template>
@@ -66,7 +68,7 @@
66
68
  import { defineComponent, type PropType, watch } from "vue";
67
69
  import _ from "lodash";
68
70
 
69
- import {ColorEnum} from "@dative-gpi/foundation-shared-components/models";
71
+ import { CardVariants, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
70
72
 
71
73
  import { useDataDefinitions } from "@dative-gpi/foundation-core-services/composables";
72
74
  import type { DataDefinitionFilters } from "@dative-gpi/foundation-core-domain/models";
@@ -75,7 +77,7 @@ import FSDataTable from "../FSDataTable.vue";
75
77
  import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
76
78
  import FSSpan from "@dative-gpi/foundation-shared-components/components/FSSpan.vue";
77
79
  import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
78
- import FSClickable from "@dative-gpi/foundation-shared-components/components/FSClickable.vue";
80
+ import FSCard from "@dative-gpi/foundation-shared-components/components/FSCard.vue";
79
81
  import FSButtonCheckbox from "@dative-gpi/foundation-shared-components/components/buttons/FSButtonCheckbox.vue";
80
82
 
81
83
  export default defineComponent({
@@ -83,7 +85,7 @@ export default defineComponent({
83
85
  components: {
84
86
  FSButtonCheckbox,
85
87
  FSDataTable,
86
- FSClickable,
88
+ FSCard,
87
89
  FSSpan,
88
90
  FSIcon,
89
91
  FSRow,
@@ -122,6 +124,7 @@ export default defineComponent({
122
124
  return {
123
125
  fetchingDataDefinitions,
124
126
  dataDefinitions,
127
+ CardVariants,
125
128
  ColorEnum,
126
129
  isSelected
127
130
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dative-gpi/foundation-core-components",
3
3
  "sideEffects": false,
4
- "version": "1.0.163",
4
+ "version": "1.0.164-card",
5
5
  "description": "",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -10,11 +10,11 @@
10
10
  "author": "",
11
11
  "license": "ISC",
12
12
  "dependencies": {
13
- "@dative-gpi/foundation-core-domain": "1.0.163",
14
- "@dative-gpi/foundation-core-services": "1.0.163",
15
- "@dative-gpi/foundation-shared-components": "1.0.163",
16
- "@dative-gpi/foundation-shared-domain": "1.0.163",
17
- "@dative-gpi/foundation-shared-services": "1.0.163"
13
+ "@dative-gpi/foundation-core-domain": "1.0.164-card",
14
+ "@dative-gpi/foundation-core-services": "1.0.164-card",
15
+ "@dative-gpi/foundation-shared-components": "1.0.164-card",
16
+ "@dative-gpi/foundation-shared-domain": "1.0.164-card",
17
+ "@dative-gpi/foundation-shared-services": "1.0.164-card"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "@dative-gpi/bones-ui": "^1.0.0",
@@ -26,5 +26,5 @@
26
26
  "sass": "1.71.1",
27
27
  "sass-loader": "13.3.2"
28
28
  },
29
- "gitHead": "87a3d2002d315e05a30acc571c37ca6d5cbf1bce"
29
+ "gitHead": "9201b00e2979e983f6c59a484f6319354c319f30"
30
30
  }