@enki-tek/fms-web-components 0.1.40 → 0.1.41

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/CardIcon/CardIcon.scss +1 -1
  2. package/components/CardIcon/CardIcon.svelte +1 -1
  3. package/components/CardIcon/CardiconBody.svelte +1 -1
  4. package/components/CardIcon/CardiconSubtitle.svelte +1 -1
  5. package/components/CardIcon/CardiconTitle.svelte +1 -1
  6. package/components/WidgetCard/StateCard.svelte +37 -27
  7. package/package.json +1 -1
package/components/CardIcon/CardIcon.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  gap: 0 !important;
10
10
  flex: 1 0 0;
11
11
  border-radius: 10px;
12
- border: 1px dashed $white-cardicon;
12
+ border: none;
13
13
  background: $white;
14
14
  }
15
15
 
package/components/CardIcon/CardIcon.svelte CHANGED
@@ -27,7 +27,7 @@ if (titleConfig.includes(titleLocation)) {
27
27
  gap: 0 !important;
28
28
  flex: 1 0 0;
29
29
  border-radius: 10px;
30
- border: 1px dashed #B8B8B8;
30
+ border: none;
31
31
  background: #ffffff;
32
32
  }
33
33
  :global(.cardicon-main) {
package/components/CardIcon/CardiconBody.svelte CHANGED
@@ -22,7 +22,7 @@
22
22
  gap: 0 !important;
23
23
  flex: 1 0 0;
24
24
  border-radius: 10px;
25
- border: 1px dashed #B8B8B8;
25
+ border: none;
26
26
  background: #ffffff;
27
27
  }
28
28
  :global(.cardicon-main) {
package/components/CardIcon/CardiconSubtitle.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  gap: 0 !important;
32
32
  flex: 1 0 0;
33
33
  border-radius: 10px;
34
- border: 1px dashed #B8B8B8;
34
+ border: none;
35
35
  background: #ffffff;
36
36
  }
37
37
  :global(.cardicon-main) {
package/components/CardIcon/CardiconTitle.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  gap: 0 !important;
32
32
  flex: 1 0 0;
33
33
  border-radius: 10px;
34
- border: 1px dashed #B8B8B8;
34
+ border: none;
35
35
  background: #ffffff;
36
36
  }
37
37
  :global(.cardicon-main) {
package/components/WidgetCard/StateCard.svelte CHANGED
@@ -1,33 +1,43 @@
1
1
  <script>
2
- import { Col, Row } from 'sveltestrap';
3
- export let state = "overdue";
4
- export let title = 'Fertilizing';
5
- export let subtitle = 'Basil- G1B2';
6
- export let time = '7 am to 12 pm';
2
+ import { Col, Row } from 'sveltestrap';
3
+ export let state = 'overdue';
4
+ export let title = 'Fertilizing';
5
+ export let subtitle = 'Basil- G1B2';
6
+ export let time = '7 am to 12 pm';
7
7
  </script>
8
- <div class="state-card mb-2">
9
- <Row>
10
8
 
11
- <Col>
12
- <div class="status">
13
- <span class={state == "completed" ? "completed-tag" : (state == "inprogress" ? "progress-tag" : "overdue-tag")}>
14
- {state == "completed" ? "completed" : (state == "inprogress" ? "inprogress" : "overdue")}</span>
15
- </div>
16
- </Col>
17
- <Col>
18
- <div class="content">
19
- <div class="statecardtitle text-truncate">{title}</div>
20
- </div>
21
- </Col>
22
- </Row>
23
- <Row>
24
- <Col>
25
- <div class="subtitle text-truncate">{subtitle}</div>
26
- </Col>
27
- <Col> <div class="time mt-1">{time}</div>
28
- </Col>
29
- </Row>
9
+ <div class="state-card mb-2">
10
+ <Row class="mb-2">
11
+ <Col>
12
+ <div class="">
13
+ <span
14
+ class="badge {state == 'completed'
15
+ ? 'completed-tag'
16
+ : state == 'inprogress'
17
+ ? 'progress-tag'
18
+ : 'overdue-tag'}>
19
+ {state == 'completed'
20
+ ? 'Completed'
21
+ : state == 'inprogress'
22
+ ? 'Inprogress'
23
+ : 'Overdue'}"
24
+ />
25
+ </div>
26
+ </Col>
27
+ <Col>
28
+ <div class="content">
29
+ <div class="statecardtitle text-truncate">{title}</div>
30
+ </div>
31
+ </Col>
32
+ </Row>
33
+ <Row>
34
+ <Col>
35
+ <div class="subtitle text-truncate">{subtitle}</div>
36
+ </Col>
37
+ <Col><div class="time mt-1">{time}</div></Col>
38
+ </Row>
30
39
  </div>
40
+
31
41
  <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
32
42
  @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
33
43
  @import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@@ -226,4 +236,4 @@ input:checked + .slider:before {
226
236
  }
227
237
  input:checked + .slider:after {
228
238
  transform: translateX(36px);
229
- }</style>
239
+ }</style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.40",
3
+ "version": "0.1.41",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",