@enki-tek/fms-web-components 0.1.50 → 0.1.52

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 (7) hide show
  1. package/components/WidgetCard/AlertFooter.svelte +0 -4
  2. package/components/WidgetCard/BadgeCard.svelte +0 -4
  3. package/components/WidgetCard/Card.scss +0 -4
  4. package/components/WidgetCard/SensorStatusCard.svelte +0 -4
  5. package/components/WidgetCard/StateCard.svelte +0 -4
  6. package/components/WidgetCard/WidgetCard.svelte +2 -6
  7. package/package.json +1 -1
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/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
@@ -34,12 +34,12 @@
34
34
  <div {...$$restProps} class="card">
35
35
  <Row>
36
36
  <Col md="10">
37
- <div class="title fw-normal">{title}</div>
37
+ <div {title} class="text-truncate title fw-normal">{title}</div>
38
38
  </Col>
39
39
  {#if resizable}
40
40
  <Col md="2">
41
41
  <div class="float-end">
42
- <i on:click={toggleMaximize} class="material-icons"
42
+ <i on:click={toggleMaximize} class="material-icons cursor-pointer"
43
43
  >{!maximized ? 'zoom_out_map' : 'zoom_in_map'}</i
44
44
  >
45
45
  </div>
@@ -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.50",
3
+ "version": "0.1.52",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",