@dative-gpi/foundation-shared-components 1.0.18 → 1.0.20

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 (16) hide show
  1. package/components/FSCheckbox.vue +1 -1
  2. package/components/FSDivider.vue +1 -1
  3. package/components/FSLabel.vue +1 -1
  4. package/components/FSLink.vue +1 -1
  5. package/components/FSLoader.vue +2 -2
  6. package/components/FSRadio.vue +1 -1
  7. package/components/FSSlider.vue +1 -1
  8. package/components/FSSpan.vue +1 -1
  9. package/components/FSSwitch.vue +1 -1
  10. package/components/FSText.vue +1 -1
  11. package/components/deviceOrganisations/FSStatusCard.vue +5 -0
  12. package/components/fields/FSBaseField.vue +1 -1
  13. package/components/views/FSEntityHeader.vue +29 -12
  14. package/components/views/FSEntityView.vue +10 -1
  15. package/package.json +4 -4
  16. package/styles/globals/text_fonts.scss +11 -31
package/components/FSCheckbox.vue CHANGED
@@ -49,7 +49,7 @@
49
49
  <FSSpan
50
50
  v-if="$props.description"
51
51
  class="fs-checkbox-description"
52
- font="text-underline"
52
+ font="text-overline"
53
53
  :style="style"
54
54
  >
55
55
  {{ $props.description }}
package/components/FSDivider.vue CHANGED
@@ -59,7 +59,7 @@ export default defineComponent({
59
59
  default: "100%"
60
60
  },
61
61
  font: {
62
- type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline" | "text-underline">,
62
+ type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline">,
63
63
  required: false,
64
64
  default: "text-body"
65
65
  },
package/components/FSLabel.vue CHANGED
@@ -35,7 +35,7 @@ export default defineComponent({
35
35
  default: null
36
36
  },
37
37
  font: {
38
- type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline" | "text-underline">,
38
+ type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline">,
39
39
  required: false,
40
40
  default: "text-body"
41
41
  },
package/components/FSLink.vue CHANGED
@@ -50,7 +50,7 @@ export default defineComponent({
50
50
  default: null
51
51
  },
52
52
  font: {
53
- type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-body" | "text-button" | "text-overline" | "text-underline">,
53
+ type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-body" | "text-button" | "text-overline">,
54
54
  required: false,
55
55
  default: "text-body"
56
56
  },
package/components/FSLoader.vue CHANGED
@@ -32,7 +32,7 @@ export default defineComponent({
32
32
  default: "0"
33
33
  },
34
34
  variant: {
35
- type: String as PropType<"standard" | "button" | "input" | "field" | "chip" | "text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline" | "text-underline">,
35
+ type: String as PropType<"standard" | "button" | "input" | "field" | "chip" | "text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline">,
36
36
  required: false,
37
37
  default: "standard"
38
38
  },
@@ -70,7 +70,7 @@ export default defineComponent({
70
70
  case "text-body" :
71
71
  case "text-button" : return isMobileSized.value ? "14px" : "16px";
72
72
  case "text-overline" :
73
- case "text-underline": return "16px";
73
+ case "text-overline": return "16px";
74
74
  }
75
75
  });
76
76
 
package/components/FSRadio.vue CHANGED
@@ -49,7 +49,7 @@
49
49
  <FSSpan
50
50
  v-if="$props.description"
51
51
  class="fs-radio-description"
52
- font="text-underline"
52
+ font="text-overline"
53
53
  :style="style"
54
54
  >
55
55
  {{ $props.description }}
package/components/FSSlider.vue CHANGED
@@ -54,7 +54,7 @@
54
54
  <FSSpan
55
55
  v-if="$props.description"
56
56
  class="fs-slider-description"
57
- font="text-underline"
57
+ font="text-overline"
58
58
  :style="style"
59
59
  >
60
60
  {{ $props.description }}
package/components/FSSpan.vue CHANGED
@@ -24,7 +24,7 @@ export default defineComponent({
24
24
  default: null
25
25
  },
26
26
  font: {
27
- type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-body" | "text-button" | "text-overline" | "text-underline">,
27
+ type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-body" | "text-button" | "text-overline">,
28
28
  required: false,
29
29
  default: "text-body"
30
30
  },
package/components/FSSwitch.vue CHANGED
@@ -36,7 +36,7 @@
36
36
  <FSSpan
37
37
  v-if="$props.description"
38
38
  class="fs-switch-description"
39
- font="text-underline"
39
+ font="text-overline"
40
40
  :style="style"
41
41
  >
42
42
  {{ $props.description }}
package/components/FSText.vue CHANGED
@@ -25,7 +25,7 @@ export default defineComponent({
25
25
  default: null
26
26
  },
27
27
  font: {
28
- type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline" | "text-underline">,
28
+ type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline">,
29
29
  required: false,
30
30
  default: "text-body"
31
31
  },
package/components/deviceOrganisations/FSStatusCard.vue CHANGED
@@ -12,6 +12,7 @@
12
12
  gap="0px"
13
13
  >
14
14
  <FSRow
15
+ v-if="$props.closable"
15
16
  align="center-right"
16
17
  >
17
18
  <FSButton
@@ -92,6 +93,10 @@ export default defineComponent({
92
93
  FSRow
93
94
  },
94
95
  props: {
96
+ closable: {
97
+ type: Boolean,
98
+ default: true
99
+ },
95
100
  modelStatus: {
96
101
  type: Object as PropType<FSModelStatus>,
97
102
  required: true
package/components/fields/FSBaseField.vue CHANGED
@@ -48,7 +48,7 @@
48
48
  <FSSpan
49
49
  v-if="$props.description"
50
50
  class="fs-base-field-description"
51
- font="text-underline"
51
+ font="text-overline"
52
52
  :style="style"
53
53
  >
54
54
  {{ $props.description }}
package/components/views/FSEntityHeader.vue CHANGED
@@ -14,13 +14,21 @@
14
14
  :height="imageSize"
15
15
  :wrap="false"
16
16
  >
17
- <FSImage
17
+ <template
18
18
  v-if="$props.imageId"
19
- :imageId="$props.imageId"
20
- :cover="imageCover"
21
- :height="imageSize"
22
- :width="imageSize"
23
- />
19
+ >
20
+ <slot
21
+ name="image"
22
+ v-bind="{ imageSize }"
23
+ >
24
+ <FSImage
25
+ :imageId="$props.imageId"
26
+ :cover="imageCover"
27
+ :height="imageSize"
28
+ :width="imageSize"
29
+ />
30
+ </slot>
31
+ </template>
24
32
  <FSIcon
25
33
  v-else-if="$props.icon && $props.color"
26
34
  :color="$props.color"
@@ -136,13 +144,22 @@
136
144
  :height="imageSize"
137
145
  :wrap="false"
138
146
  >
139
- <FSImage
147
+
148
+ <template
140
149
  v-if="$props.imageId"
141
- :imageId="$props.imageId"
142
- :cover="imageCover"
143
- :height="imageSize"
144
- :width="imageSize"
145
- />
150
+ >
151
+ <slot
152
+ name="image"
153
+ v-bind="{ imageSize }"
154
+ >
155
+ <FSImage
156
+ :imageId="$props.imageId"
157
+ :cover="imageCover"
158
+ :height="imageSize"
159
+ :width="imageSize"
160
+ />
161
+ </slot>
162
+ </template>
146
163
  <FSIconCard
147
164
  v-else-if="$props.icon && $props.iconBackgroundColor && $props.iconBackgroundColor.length > 0"
148
165
  iconSize="70px"
package/components/views/FSEntityView.vue CHANGED
@@ -8,14 +8,23 @@
8
8
  :breadcrumbs="$props.breadcrumbs"
9
9
  :description="$props.description"
10
10
  :subtitle="$props.subtitle"
11
- :imageId="$props.imageId"
12
11
  :title="$props.title"
13
12
  :light="lightHeader"
13
+ :imageId="imageId"
14
14
  :icon="$props.icon"
15
15
  :color="$props.color"
16
16
  :iconBackgroundColors="$props.iconBackgroundColors"
17
17
  :imageCover="$props.imageCover"
18
18
  >
19
+ <template
20
+ v-if="$slots.image"
21
+ #image="props"
22
+ >
23
+ <slot
24
+ name="image"
25
+ v-bind="props"
26
+ />
27
+ </template>
19
28
  <template
20
29
  #title-append
21
30
  >
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.18",
4
+ "version": "1.0.20",
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.18",
14
- "@dative-gpi/foundation-shared-services": "1.0.18"
13
+ "@dative-gpi/foundation-shared-domain": "1.0.20",
14
+ "@dative-gpi/foundation-shared-services": "1.0.20"
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": "8e464715fcb19efb4752474ffcded0508d44da53"
38
+ "gitHead": "8d11e35dce254f87572cb2ba277deb2ef222bc19"
39
39
  }
package/styles/globals/text_fonts.scss CHANGED
@@ -10,13 +10,13 @@
10
10
  @include web {
11
11
  font-size: 36px !important;
12
12
  line-height: 40px !important;
13
- letter-spacing: -2% !important;
13
+ letter-spacing: -0.72px !important;
14
14
  }
15
15
 
16
16
  @include mobile {
17
17
  font-size: 28px !important;
18
18
  line-height: 32px !important;
19
- letter-spacing: -5% !important;
19
+ letter-spacing: -1.4px !important;
20
20
  }
21
21
  }
22
22
 
@@ -28,13 +28,13 @@
28
28
  @include web {
29
29
  font-size: 26px !important;
30
30
  line-height: 32px !important;
31
- letter-spacing: -3% !important;
31
+ letter-spacing: -0.78px !important;
32
32
  }
33
33
 
34
34
  @include mobile {
35
35
  font-size: 22px !important;
36
36
  line-height: 24px !important;
37
- letter-spacing: -4% !important;
37
+ letter-spacing: -0.88px !important;
38
38
  }
39
39
  }
40
40
 
@@ -46,13 +46,13 @@
46
46
  @include web {
47
47
  font-size: 20px !important;
48
48
  line-height: 24px !important;
49
- letter-spacing: -3% !important;
49
+ letter-spacing: -0.6px !important;
50
50
  }
51
51
 
52
52
  @include mobile {
53
53
  font-size: 16px !important;
54
54
  line-height: 20px !important;
55
- letter-spacing: -3% !important;
55
+ letter-spacing: -0.48px !important;
56
56
  }
57
57
  }
58
58
 
@@ -65,13 +65,13 @@
65
65
  @include web {
66
66
  font-size: 14px !important;
67
67
  line-height: 20px !important;
68
- letter-spacing: -3% !important;
68
+ letter-spacing: -0.42px !important;
69
69
  }
70
70
 
71
71
  @include mobile {
72
72
  font-size: 12px !important;
73
73
  line-height: 16px !important;
74
- letter-spacing: -3% !important;
74
+ letter-spacing: -0.36px !important;
75
75
  }
76
76
  }
77
77
 
@@ -84,13 +84,13 @@
84
84
  @include web {
85
85
  font-size: 14px !important;
86
86
  line-height: 20px !important;
87
- letter-spacing: -3% !important;
87
+ letter-spacing: -0.42px !important;
88
88
  }
89
89
 
90
90
  @include mobile {
91
91
  font-size: 12px !important;
92
92
  line-height: 16px !important;
93
- letter-spacing: -3% !important;
93
+ letter-spacing: -0.36px !important;
94
94
  }
95
95
  }
96
96
 
@@ -98,27 +98,7 @@
98
98
  font-family: 'Montserrat', sans-serif !important;
99
99
  font-style: normal !important;
100
100
  text-transform: none !important;
101
-
102
- @include web {
103
- font-weight: 600 !important;
104
- font-size: 12px !important;
105
- line-height: 16px !important;
106
- letter-spacing: 0 !important;
107
- }
108
-
109
- @include mobile {
110
- font-weight: 500 !important;
111
- font-size: 10px !important;
112
- line-height: 16px !important;
113
- letter-spacing: 0 !important;
114
- }
115
- }
116
-
117
- .text-underline {
118
- font-family: 'Montserrat', sans-serif !important;
119
- font-style: normal !important;
120
- font-weight: 500 !important;
121
- text-transform: none !important;
101
+ font-weight: 600 !important;
122
102
 
123
103
  @include web {
124
104
  font-size: 12px !important;