@enki-tek/fms-web-components 0.1.49 → 0.1.51

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 (15) hide show
  1. package/components/StatusCard/GrayCard.svelte +0 -1
  2. package/components/StatusCard/PlainCard.svelte +0 -1
  3. package/components/StatusCard/StatusCard.scss +0 -1
  4. package/components/StatusCard/StatusCard.svelte +0 -1
  5. package/components/StatusCard/StatusCardBody.svelte +0 -1
  6. package/components/StatusCard/StatusCardTitle.svelte +0 -1
  7. package/components/WidgetCard/AlertFooter.svelte +0 -4
  8. package/components/WidgetCard/BadgeCard.svelte +0 -4
  9. package/components/WidgetCard/Card.scss +0 -4
  10. package/components/WidgetCard/SensorStatusCard.svelte +0 -4
  11. package/components/WidgetCard/SensorWidgetTitle.svelte +4 -1
  12. package/components/WidgetCard/SensorWidgetTitle.svelte.d.ts +2 -0
  13. package/components/WidgetCard/StateCard.svelte +0 -4
  14. package/components/WidgetCard/WidgetCard.svelte +0 -4
  15. package/package.json +1 -1
package/components/StatusCard/GrayCard.svelte CHANGED
@@ -13,7 +13,6 @@
13
13
  border-color: transparent;
14
14
  background-color: #ffffff;
15
15
  padding: 1rem;
16
- border-radius: 0.75rem;
17
16
  font-family: Roboto;
18
17
  min-height: 11rem;
19
18
  }
package/components/StatusCard/PlainCard.svelte CHANGED
@@ -24,7 +24,6 @@
24
24
  border-color: transparent;
25
25
  background-color: #ffffff;
26
26
  padding: 1rem;
27
- border-radius: 0.75rem;
28
27
  font-family: Roboto;
29
28
  min-height: 11rem;
30
29
  }
package/components/StatusCard/StatusCard.scss CHANGED
@@ -4,7 +4,6 @@
4
4
  border-color: transparent;
5
5
  background-color: $white;
6
6
  padding: $rem;
7
- border-radius: calc((3*$rem)/4);
8
7
  font-family: $bodyFonts;
9
8
  min-height: 11rem;
10
9
  }
package/components/StatusCard/StatusCard.svelte CHANGED
@@ -18,7 +18,6 @@
18
18
  border-color: transparent;
19
19
  background-color: #ffffff;
20
20
  padding: 1rem;
21
- border-radius: 0.75rem;
22
21
  font-family: Roboto;
23
22
  min-height: 11rem;
24
23
  }
package/components/StatusCard/StatusCardBody.svelte CHANGED
@@ -34,7 +34,6 @@
34
34
  border-color: transparent;
35
35
  background-color: #ffffff;
36
36
  padding: 1rem;
37
- border-radius: 0.75rem;
38
37
  font-family: Roboto;
39
38
  min-height: 11rem;
40
39
  }
package/components/StatusCard/StatusCardTitle.svelte CHANGED
@@ -18,7 +18,6 @@
18
18
  border-color: transparent;
19
19
  background-color: #ffffff;
20
20
  padding: 1rem;
21
- border-radius: 0.75rem;
22
21
  font-family: Roboto;
23
22
  min-height: 11rem;
24
23
  }
package/components/WidgetCard/AlertFooter.svelte CHANGED
@@ -38,7 +38,6 @@
38
38
  .card {
39
39
  font-family: Roboto;
40
40
  background-color: #ffffff;
41
- border-radius: 0.75rem;
42
41
  padding: 1rem;
43
42
  border-color: transparent;
44
43
  min-height: 22rem;
@@ -46,7 +45,6 @@
46
45
  .state-card {
47
46
  font-family: Roboto;
48
47
  background-color: #f8f8f8;
49
- border-radius: 0.75rem;
50
48
  padding: 1rem;
51
49
  border-color: transparent;
52
50
  background-color: #E9ECEF !important;
@@ -54,7 +52,6 @@
54
52
  .plain-card {
55
53
  font-family: Roboto;
56
54
  font-size: 16px;
57
- border-radius: 0.75rem;
58
55
  padding: 0.2rem;
59
56
  width: fit-content;
60
57
  display: flex;
@@ -62,7 +59,6 @@
62
59
  .plain-color-card {
63
60
  font-family: Roboto;
64
61
  font-size: 12px;
65
- border-radius: 0.75rem;
66
62
  padding: 0.2rem;
67
63
  width: fit-content;
68
64
  background-color: antiquewhite;
package/components/WidgetCard/BadgeCard.svelte CHANGED
@@ -12,7 +12,6 @@
12
12
  .card {
13
13
  font-family: Roboto;
14
14
  background-color: #ffffff;
15
- border-radius: 0.75rem;
16
15
  padding: 1rem;
17
16
  border-color: transparent;
18
17
  min-height: 22rem;
@@ -20,7 +19,6 @@
20
19
  .state-card {
21
20
  font-family: Roboto;
22
21
  background-color: #f8f8f8;
23
- border-radius: 0.75rem;
24
22
  padding: 1rem;
25
23
  border-color: transparent;
26
24
  background-color: #E9ECEF !important;
@@ -28,7 +26,6 @@
28
26
  .plain-card {
29
27
  font-family: Roboto;
30
28
  font-size: 16px;
31
- border-radius: 0.75rem;
32
29
  padding: 0.2rem;
33
30
  width: fit-content;
34
31
  display: flex;
@@ -36,7 +33,6 @@
36
33
  .plain-color-card {
37
34
  font-family: Roboto;
38
35
  font-size: 12px;
39
- border-radius: 0.75rem;
40
36
  padding: 0.2rem;
41
37
  width: fit-content;
42
38
  background-color: antiquewhite;
package/components/WidgetCard/Card.scss CHANGED
@@ -3,7 +3,6 @@
3
3
  .card {
4
4
  font-family: $bodyFonts;
5
5
  background-color: $white;
6
- border-radius: calc((3*$rem)/4);
7
6
  padding: $rem;
8
7
  border-color: transparent;
9
8
  min-height: 22rem;
@@ -12,7 +11,6 @@
12
11
  .state-card {
13
12
  font-family: $bodyFonts;
14
13
  background-color: #f8f8f8;
15
- border-radius: calc((3*$rem)/4);
16
14
  padding: $rem;
17
15
  border-color: transparent;
18
16
  background-color: $gray-200 !important;
@@ -21,7 +19,6 @@
21
19
  .plain-card {
22
20
  font-family: $bodyFonts;
23
21
  font-size: 16px;
24
- border-radius: calc((3*$rem)/4);
25
22
  padding: calc(.2 * $rem);
26
23
  width: fit-content;
27
24
  display: flex;
@@ -30,7 +27,6 @@
30
27
  .plain-color-card {
31
28
  font-family: $bodyFonts;
32
29
  font-size: 12px;
33
- border-radius: calc((3*$rem)/4);
34
30
  padding: calc(.2 * $rem);
35
31
  width: fit-content;
36
32
  background-color: antiquewhite;
package/components/WidgetCard/SensorStatusCard.svelte CHANGED
@@ -31,7 +31,6 @@
31
31
  .card {
32
32
  font-family: Roboto;
33
33
  background-color: #ffffff;
34
- border-radius: 0.75rem;
35
34
  padding: 1rem;
36
35
  border-color: transparent;
37
36
  min-height: 22rem;
@@ -39,7 +38,6 @@
39
38
  .state-card {
40
39
  font-family: Roboto;
41
40
  background-color: #f8f8f8;
42
- border-radius: 0.75rem;
43
41
  padding: 1rem;
44
42
  border-color: transparent;
45
43
  background-color: #E9ECEF !important;
@@ -47,7 +45,6 @@
47
45
  .plain-card {
48
46
  font-family: Roboto;
49
47
  font-size: 16px;
50
- border-radius: 0.75rem;
51
48
  padding: 0.2rem;
52
49
  width: fit-content;
53
50
  display: flex;
@@ -55,7 +52,6 @@
55
52
  .plain-color-card {
56
53
  font-family: Roboto;
57
54
  font-size: 12px;
58
- border-radius: 0.75rem;
59
55
  padding: 0.2rem;
60
56
  width: fit-content;
61
57
  background-color: antiquewhite;
package/components/WidgetCard/SensorWidgetTitle.svelte CHANGED
@@ -2,11 +2,14 @@
2
2
  import Icon from '../Icon/Icon.svelte';
3
3
  export let sensorName;
4
4
  export let icon = 'house-fill';
5
+ export let iconClass = '';
5
6
  </script>
6
7
 
7
8
  <div class="row-flex align-items-center p-0">
8
9
  <div class="col">
9
- <div class="text-dark text-break h6"><Icon iconName={icon} />{sensorName}</div>
10
+ <div class="text-dark text-break h6">
11
+ <Icon iconName={icon} className={iconClass} />{sensorName}
12
+ </div>
10
13
  <slot name="status" />
11
14
  </div>
12
15
  <div class="col p-0">
package/components/WidgetCard/SensorWidgetTitle.svelte.d.ts CHANGED
@@ -4,6 +4,7 @@
4
4
  export default class SensorWidgetTitle extends SvelteComponentTyped<{
5
5
  sensorName: any;
6
6
  icon?: string | undefined;
7
+ iconClass?: string | undefined;
7
8
  }, {
8
9
  [evt: string]: CustomEvent<any>;
9
10
  }, {
@@ -19,6 +20,7 @@ declare const __propDef: {
19
20
  props: {
20
21
  sensorName: any;
21
22
  icon?: string | undefined;
23
+ iconClass?: string | undefined;
22
24
  };
23
25
  events: {
24
26
  [evt: string]: CustomEvent<any>;
package/components/WidgetCard/StateCard.svelte CHANGED
@@ -41,7 +41,6 @@
41
41
  .card {
42
42
  font-family: Roboto;
43
43
  background-color: #ffffff;
44
- border-radius: 0.75rem;
45
44
  padding: 1rem;
46
45
  border-color: transparent;
47
46
  min-height: 22rem;
@@ -49,7 +48,6 @@
49
48
  .state-card {
50
49
  font-family: Roboto;
51
50
  background-color: #f8f8f8;
52
- border-radius: 0.75rem;
53
51
  padding: 1rem;
54
52
  border-color: transparent;
55
53
  background-color: #E9ECEF !important;
@@ -57,7 +55,6 @@
57
55
  .plain-card {
58
56
  font-family: Roboto;
59
57
  font-size: 16px;
60
- border-radius: 0.75rem;
61
58
  padding: 0.2rem;
62
59
  width: fit-content;
63
60
  display: flex;
@@ -65,7 +62,6 @@
65
62
  .plain-color-card {
66
63
  font-family: Roboto;
67
64
  font-size: 12px;
68
- border-radius: 0.75rem;
69
65
  padding: 0.2rem;
70
66
  width: fit-content;
71
67
  background-color: antiquewhite;
package/components/WidgetCard/WidgetCard.svelte CHANGED
@@ -60,7 +60,6 @@
60
60
  .card {
61
61
  font-family: Roboto;
62
62
  background-color: #ffffff;
63
- border-radius: 0.75rem;
64
63
  padding: 1rem;
65
64
  border-color: transparent;
66
65
  min-height: 22rem;
@@ -68,7 +67,6 @@
68
67
  .state-card {
69
68
  font-family: Roboto;
70
69
  background-color: #f8f8f8;
71
- border-radius: 0.75rem;
72
70
  padding: 1rem;
73
71
  border-color: transparent;
74
72
  background-color: #E9ECEF !important;
@@ -76,7 +74,6 @@
76
74
  .plain-card {
77
75
  font-family: Roboto;
78
76
  font-size: 16px;
79
- border-radius: 0.75rem;
80
77
  padding: 0.2rem;
81
78
  width: fit-content;
82
79
  display: flex;
@@ -84,7 +81,6 @@
84
81
  .plain-color-card {
85
82
  font-family: Roboto;
86
83
  font-size: 12px;
87
- border-radius: 0.75rem;
88
84
  padding: 0.2rem;
89
85
  width: fit-content;
90
86
  background-color: antiquewhite;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.49",
3
+ "version": "0.1.51",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",