@enki-tek/fms-web-components 0.0.4 → 0.0.6
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.
- package/components/Accordion/Accordion.stories.d.ts +16 -6
- package/components/Accordion/Accordion.stories.js +5 -7
- package/components/Badge/Badge.stories.d.ts +1 -0
- package/components/Badge/Badge.stories.js +36 -35
- package/components/Badge/Badge.svelte +3 -4
- package/components/Breadcrumb/Breadcrumb.stories.js +1 -1
- package/components/Button/Button.scss +8 -1
- package/components/Button/Button.svelte +9 -3
- package/components/Button/Button.svelte.d.ts +4 -0
- package/components/Card/Card.stories.d.ts +1 -0
- package/components/Card/Card.stories.js +1 -0
- package/components/CardIcon/CardIcon.scss +95 -0
- package/components/CardIcon/CardIcon.stories.d.ts +129 -0
- package/components/CardIcon/CardIcon.stories.js +77 -0
- package/components/CardIcon/CardIcon.svelte +684 -0
- package/components/CardIcon/CardIcon.svelte.d.ts +25 -0
- package/components/CardIcon/CardIconConfig.d.ts +2 -0
- package/components/CardIcon/CardIconConfig.js +2 -0
- package/components/CheckBox/Checkbox.svelte.d.ts +2 -2
- package/components/ModalWindow/Modal.stories.d.ts +3 -0
- package/components/ModalWindow/Modal.stories.js +3 -0
- package/components/ModalWindow/Modal.svelte +11 -3
- package/components/ModalWindow/Modal.svelte.d.ts +3 -0
- package/components/Sidebar/Sidebar.scss +22 -19
- package/components/Sidebar/Sidebar.svelte +19 -20
- package/components/Table/Table.stories.d.ts +1 -0
- package/components/Table/Table.stories.js +1 -0
- package/components/textField/TextField.svelte.d.ts +2 -2
- package/components/variable.scss +4 -0
- package/package.json +5 -1
@@ -4,17 +4,27 @@ declare namespace _default {
|
|
4
4
|
export const tags: string[];
|
5
5
|
export namespace argTypes {
|
6
6
|
namespace stayOpen {
|
7
|
-
|
7
|
+
namespace control {
|
8
|
+
const type: string;
|
9
|
+
}
|
8
10
|
}
|
9
11
|
namespace items {
|
10
|
-
|
12
|
+
export namespace control_1 {
|
13
|
+
const type_1: string;
|
14
|
+
export { type_1 as type };
|
15
|
+
}
|
11
16
|
export { control_1 as control };
|
12
17
|
}
|
13
18
|
}
|
14
19
|
}
|
15
20
|
export default _default;
|
16
|
-
export
|
17
|
-
|
18
|
-
|
19
|
-
|
21
|
+
export namespace Default {
|
22
|
+
namespace args {
|
23
|
+
const items_1: {
|
24
|
+
header: string;
|
25
|
+
content: string;
|
26
|
+
}[];
|
27
|
+
export { items_1 as items };
|
28
|
+
}
|
29
|
+
}
|
20
30
|
import Accordion from "./Accordion.svelte";
|
@@ -5,17 +5,15 @@ export default {
|
|
5
5
|
component: Accordion,
|
6
6
|
tags: ['autodocs'],
|
7
7
|
argTypes: {
|
8
|
-
stayOpen: { control: 'boolean' },
|
9
|
-
items: { control: '
|
8
|
+
stayOpen: { control: {type:'boolean' } },
|
9
|
+
items: { control: { type: 'array' } },
|
10
10
|
}
|
11
11
|
};
|
12
12
|
|
13
13
|
|
14
14
|
// story with customized items
|
15
|
-
export const Default =
|
16
|
-
|
17
|
-
props: {
|
18
|
-
...args,
|
15
|
+
export const Default ={
|
16
|
+
args:{
|
19
17
|
items: [
|
20
18
|
{
|
21
19
|
header: 'Accordion Item #1',
|
@@ -27,4 +25,4 @@ export const Default = (args) => ({
|
|
27
25
|
}
|
28
26
|
]
|
29
27
|
}
|
30
|
-
}
|
28
|
+
}
|
@@ -1,55 +1,56 @@
|
|
1
1
|
import Badge from './Badge.svelte'
|
2
2
|
|
3
|
-
export default{
|
4
|
-
title:'FMS/Badge',
|
5
|
-
component:Badge
|
3
|
+
export default {
|
4
|
+
title: 'FMS/Badge',
|
5
|
+
component: Badge,
|
6
|
+
tags: ['autodocs'],
|
6
7
|
};
|
7
8
|
|
8
|
-
export const yellow={
|
9
|
-
args:{
|
10
|
-
config:'yellow',
|
11
|
-
label:'Badges',
|
9
|
+
export const yellow = {
|
10
|
+
args: {
|
11
|
+
config: 'yellow',
|
12
|
+
label: 'Badges',
|
12
13
|
}
|
13
14
|
};
|
14
|
-
export const primaryLight={
|
15
|
-
args:{
|
16
|
-
config:'primaryLight',
|
17
|
-
label:'Badges',
|
15
|
+
export const primaryLight = {
|
16
|
+
args: {
|
17
|
+
config: 'primaryLight',
|
18
|
+
label: 'Badges',
|
18
19
|
}
|
19
20
|
};
|
20
|
-
export const secondaryLight={
|
21
|
-
args:{
|
22
|
-
config:'secondaryLight',
|
23
|
-
label:'Badges',
|
21
|
+
export const secondaryLight = {
|
22
|
+
args: {
|
23
|
+
config: 'secondaryLight',
|
24
|
+
label: 'Badges',
|
24
25
|
}
|
25
26
|
};
|
26
|
-
export const green={
|
27
|
-
args:{
|
28
|
-
config:'green',
|
29
|
-
label:'Badges',
|
27
|
+
export const green = {
|
28
|
+
args: {
|
29
|
+
config: 'green',
|
30
|
+
label: 'Badges',
|
30
31
|
}
|
31
32
|
};
|
32
|
-
export const grayLight={
|
33
|
-
args:{
|
34
|
-
config:'grayLight',
|
35
|
-
label:'Badges',
|
33
|
+
export const grayLight = {
|
34
|
+
args: {
|
35
|
+
config: 'grayLight',
|
36
|
+
label: 'Badges',
|
36
37
|
}
|
37
38
|
};
|
38
|
-
export const gray={
|
39
|
-
args:{
|
40
|
-
config:'gray',
|
41
|
-
label:'Badges',
|
39
|
+
export const gray = {
|
40
|
+
args: {
|
41
|
+
config: 'gray',
|
42
|
+
label: 'Badges',
|
42
43
|
}
|
43
44
|
};
|
44
|
-
export const red={
|
45
|
-
args:{
|
46
|
-
config:'red',
|
47
|
-
label:'Badges',
|
45
|
+
export const red = {
|
46
|
+
args: {
|
47
|
+
config: 'red',
|
48
|
+
label: 'Badges',
|
48
49
|
}
|
49
50
|
};
|
50
|
-
export const cyan={
|
51
|
-
args:{
|
52
|
-
config:'cyan',
|
53
|
-
label:'Badges',
|
51
|
+
export const cyan = {
|
52
|
+
args: {
|
53
|
+
config: 'cyan',
|
54
|
+
label: 'Badges',
|
54
55
|
}
|
55
56
|
};
|
@@ -8,10 +8,9 @@ if (badgeConfig.hasOwnProperty(config)) {
|
|
8
8
|
}
|
9
9
|
</script>
|
10
10
|
|
11
|
-
<Badge pill color=
|
11
|
+
<Badge pill color="none" class={badgeStyles.join(' ')}>{label}</Badge>
|
12
12
|
|
13
|
-
|
14
|
-
<style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
|
13
|
+
<style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
|
15
14
|
@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");
|
16
15
|
@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");
|
17
16
|
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
|
@@ -584,4 +583,4 @@ if (badgeConfig.hasOwnProperty(config)) {
|
|
584
583
|
font-style: normal;
|
585
584
|
font-weight: 400;
|
586
585
|
line-height: normal;
|
587
|
-
}</style>
|
586
|
+
}</style>
|
@@ -13,7 +13,7 @@ export const Default={
|
|
13
13
|
args:{
|
14
14
|
newBreadcrumbs:[
|
15
15
|
{title:'home',link:'/'},
|
16
|
-
{title:'contact',link:'/
|
16
|
+
{title:'contact',link:'https://stackoverflow.com/questions/73033899/pluginviteimport-analysis-failed-to-parse-source-for-import-analysis-because'},
|
17
17
|
{title:'payment',link:'/contact/payment'},
|
18
18
|
]
|
19
19
|
}
|
@@ -44,6 +44,13 @@
|
|
44
44
|
}
|
45
45
|
}
|
46
46
|
|
47
|
+
.disabled:disabled {
|
48
|
+
|
49
|
+
opacity: 0.5;
|
50
|
+
cursor: auto;
|
51
|
+
|
52
|
+
}
|
53
|
+
|
47
54
|
//large button
|
48
55
|
.ebtn-large {
|
49
56
|
height: $large-height;
|
@@ -674,7 +681,7 @@
|
|
674
681
|
}
|
675
682
|
|
676
683
|
.eoutline-successDark {
|
677
|
-
outline: 1px solid $success-dark;
|
684
|
+
outline: 1px solid $success-dark ;
|
678
685
|
}
|
679
686
|
|
680
687
|
.eoutline-successLight {
|
@@ -4,12 +4,14 @@
|
|
4
4
|
export let label = 'Button';
|
5
5
|
export let config = '';
|
6
6
|
export let icon = { state: false, name: 'person', position: 'right' };
|
7
|
-
export let shade = '
|
7
|
+
export let shade = '';
|
8
8
|
export let outlineShade = '';
|
9
|
+
export let size = '';
|
10
|
+
export let disabled =false;
|
9
11
|
|
10
12
|
let buttonStyles = [];
|
11
13
|
if (buttonConfig.hasOwnProperty(config)) {
|
12
|
-
buttonStyles = ['ebtn', ...buttonConfig[config], `ebg-${shade}`, `eoutline-${outlineShade}`];
|
14
|
+
buttonStyles = ['ebtn', ...buttonConfig[config], `ebg-${shade}`, `eoutline-${outlineShade}`, `ebtn-${size}`, `disabled`];
|
13
15
|
}
|
14
16
|
|
15
17
|
// icon button
|
@@ -25,7 +27,7 @@
|
|
25
27
|
console.log(buttonStyles);
|
26
28
|
</script>
|
27
29
|
|
28
|
-
<button {type} class={buttonStyles.join(' ')} on:click on:focus on:blur>
|
30
|
+
<button {type} class={buttonStyles.join(' ')} on:click on:focus on:blur {disabled} >
|
29
31
|
<slot>
|
30
32
|
{#if label}
|
31
33
|
{label}
|
@@ -80,6 +82,10 @@
|
|
80
82
|
.ebtn-medium i {
|
81
83
|
font-size: 16px;
|
82
84
|
}
|
85
|
+
.disabled:disabled {
|
86
|
+
opacity: 0.5;
|
87
|
+
cursor: auto;
|
88
|
+
}
|
83
89
|
.ebtn-large {
|
84
90
|
height: 52px;
|
85
91
|
display: flex;
|
@@ -2,6 +2,7 @@
|
|
2
2
|
/** @typedef {typeof __propDef.events} ButtonEvents */
|
3
3
|
/** @typedef {typeof __propDef.slots} ButtonSlots */
|
4
4
|
export default class Button extends SvelteComponentTyped<{
|
5
|
+
disabled?: boolean | undefined;
|
5
6
|
type?: string | undefined;
|
6
7
|
label?: string | undefined;
|
7
8
|
config?: string | undefined;
|
@@ -12,6 +13,7 @@ export default class Button extends SvelteComponentTyped<{
|
|
12
13
|
} | undefined;
|
13
14
|
shade?: string | undefined;
|
14
15
|
outlineShade?: string | undefined;
|
16
|
+
size?: string | undefined;
|
15
17
|
}, {
|
16
18
|
click: MouseEvent;
|
17
19
|
focus: FocusEvent;
|
@@ -28,6 +30,7 @@ export type ButtonSlots = typeof __propDef.slots;
|
|
28
30
|
import { SvelteComponentTyped } from "svelte";
|
29
31
|
declare const __propDef: {
|
30
32
|
props: {
|
33
|
+
disabled?: boolean | undefined;
|
31
34
|
type?: string | undefined;
|
32
35
|
label?: string | undefined;
|
33
36
|
config?: string | undefined;
|
@@ -38,6 +41,7 @@ declare const __propDef: {
|
|
38
41
|
} | undefined;
|
39
42
|
shade?: string | undefined;
|
40
43
|
outlineShade?: string | undefined;
|
44
|
+
size?: string | undefined;
|
41
45
|
};
|
42
46
|
events: {
|
43
47
|
click: MouseEvent;
|
@@ -0,0 +1,95 @@
|
|
1
|
+
@import './../variable.scss';
|
2
|
+
|
3
|
+
:global(.custom-card-style) {
|
4
|
+
width: auto;
|
5
|
+
padding: 7px 10px;
|
6
|
+
display: flex;
|
7
|
+
flex-direction: column;
|
8
|
+
align-items: flex-start;
|
9
|
+
gap: 10px;
|
10
|
+
flex: 1 0 0;
|
11
|
+
border-radius: 10px;
|
12
|
+
border: 1px dashed $white-cardicon;
|
13
|
+
background: $white;
|
14
|
+
}
|
15
|
+
|
16
|
+
.cardicon-main {
|
17
|
+
width: 100%;
|
18
|
+
display: flex;
|
19
|
+
padding: 10px;
|
20
|
+
justify-content: space-between;
|
21
|
+
align-items: flex-start;
|
22
|
+
align-self: stretch;
|
23
|
+
}
|
24
|
+
|
25
|
+
.cardicon-content {
|
26
|
+
width: 100%;
|
27
|
+
display: flex;
|
28
|
+
color: $gray-cardicon;
|
29
|
+
text-align: right;
|
30
|
+
font-size: 30px;
|
31
|
+
@extend %common-fontstyle;
|
32
|
+
line-height: 40px;
|
33
|
+
padding: 10px;
|
34
|
+
}
|
35
|
+
|
36
|
+
:global(.cardicon-main .card-title) {
|
37
|
+
color: $black;
|
38
|
+
font-size: 18px;
|
39
|
+
@extend %common-fontstyle;
|
40
|
+
text-transform: capitalize;
|
41
|
+
}
|
42
|
+
|
43
|
+
:global(.cardicon-main i) {
|
44
|
+
width: 20px;
|
45
|
+
height: 20px;
|
46
|
+
}
|
47
|
+
|
48
|
+
.custom-body-slot {
|
49
|
+
color: $black;
|
50
|
+
font-size: 13px;
|
51
|
+
@extend %common-fontstyle;
|
52
|
+
}
|
53
|
+
|
54
|
+
%common-fontstyle {
|
55
|
+
font-family: $bodyFonts;
|
56
|
+
font-style: normal;
|
57
|
+
font-weight: 400;
|
58
|
+
line-height: 20px;
|
59
|
+
}
|
60
|
+
|
61
|
+
%common {
|
62
|
+
flex-direction: column-reverse !important;
|
63
|
+
}
|
64
|
+
|
65
|
+
:global(.bottom-left) {
|
66
|
+
@extend %common;
|
67
|
+
|
68
|
+
.cardicon-main {
|
69
|
+
flex-direction: row-reverse;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
:global(.bottom-right) {
|
74
|
+
@extend %common;
|
75
|
+
}
|
76
|
+
|
77
|
+
:global(.top-left) {
|
78
|
+
flex-direction: column;
|
79
|
+
|
80
|
+
.cardicon-main {
|
81
|
+
flex-direction: row-reverse;
|
82
|
+
}
|
83
|
+
}
|
84
|
+
|
85
|
+
:global(.top-right) {
|
86
|
+
flex-direction: column;
|
87
|
+
}
|
88
|
+
|
89
|
+
.right {
|
90
|
+
justify-content: end !important;
|
91
|
+
}
|
92
|
+
|
93
|
+
.top {
|
94
|
+
justify-content: start !important;
|
95
|
+
}
|
@@ -0,0 +1,129 @@
|
|
1
|
+
declare namespace _default {
|
2
|
+
export const title: string;
|
3
|
+
export { CardIcon as component };
|
4
|
+
export const tags: string[];
|
5
|
+
export namespace argTypes {
|
6
|
+
export namespace name {
|
7
|
+
namespace control {
|
8
|
+
const type: string;
|
9
|
+
}
|
10
|
+
const options: string[];
|
11
|
+
}
|
12
|
+
export namespace location {
|
13
|
+
export namespace control_1 {
|
14
|
+
const type_1: string;
|
15
|
+
export { type_1 as type };
|
16
|
+
}
|
17
|
+
export { control_1 as control };
|
18
|
+
const options_1: string[];
|
19
|
+
export { options_1 as options };
|
20
|
+
}
|
21
|
+
export namespace slotPosition {
|
22
|
+
export namespace control_2 {
|
23
|
+
const type_2: string;
|
24
|
+
export { type_2 as type };
|
25
|
+
}
|
26
|
+
export { control_2 as control };
|
27
|
+
const options_2: string[];
|
28
|
+
export { options_2 as options };
|
29
|
+
}
|
30
|
+
export namespace title_1 {
|
31
|
+
export namespace control_3 {
|
32
|
+
const type_3: string;
|
33
|
+
export { type_3 as type };
|
34
|
+
}
|
35
|
+
export { control_3 as control };
|
36
|
+
}
|
37
|
+
export { title_1 as title };
|
38
|
+
export namespace cardsubtitle {
|
39
|
+
export namespace control_4 {
|
40
|
+
const type_4: string;
|
41
|
+
export { type_4 as type };
|
42
|
+
}
|
43
|
+
export { control_4 as control };
|
44
|
+
}
|
45
|
+
export namespace cardbody {
|
46
|
+
export namespace control_5 {
|
47
|
+
const type_5: string;
|
48
|
+
export { type_5 as type };
|
49
|
+
}
|
50
|
+
export { control_5 as control };
|
51
|
+
}
|
52
|
+
}
|
53
|
+
}
|
54
|
+
export default _default;
|
55
|
+
export namespace Default {
|
56
|
+
namespace args {
|
57
|
+
const name_1: string;
|
58
|
+
export { name_1 as name };
|
59
|
+
const location_1: string;
|
60
|
+
export { location_1 as location };
|
61
|
+
const title_2: string;
|
62
|
+
export { title_2 as title };
|
63
|
+
const cardsubtitle_1: string;
|
64
|
+
export { cardsubtitle_1 as cardsubtitle };
|
65
|
+
const cardbody_1: string;
|
66
|
+
export { cardbody_1 as cardbody };
|
67
|
+
}
|
68
|
+
}
|
69
|
+
export namespace topLeft {
|
70
|
+
export namespace args_1 {
|
71
|
+
const name_2: string;
|
72
|
+
export { name_2 as name };
|
73
|
+
const location_2: string;
|
74
|
+
export { location_2 as location };
|
75
|
+
const title_3: string;
|
76
|
+
export { title_3 as title };
|
77
|
+
const cardsubtitle_2: string;
|
78
|
+
export { cardsubtitle_2 as cardsubtitle };
|
79
|
+
const cardbody_2: string;
|
80
|
+
export { cardbody_2 as cardbody };
|
81
|
+
}
|
82
|
+
export { args_1 as args };
|
83
|
+
}
|
84
|
+
export namespace topRight {
|
85
|
+
export namespace args_2 {
|
86
|
+
const name_3: string;
|
87
|
+
export { name_3 as name };
|
88
|
+
const location_3: string;
|
89
|
+
export { location_3 as location };
|
90
|
+
const title_4: string;
|
91
|
+
export { title_4 as title };
|
92
|
+
const cardsubtitle_3: string;
|
93
|
+
export { cardsubtitle_3 as cardsubtitle };
|
94
|
+
const cardbody_3: string;
|
95
|
+
export { cardbody_3 as cardbody };
|
96
|
+
}
|
97
|
+
export { args_2 as args };
|
98
|
+
}
|
99
|
+
export namespace bottomLeft {
|
100
|
+
export namespace args_3 {
|
101
|
+
const name_4: string;
|
102
|
+
export { name_4 as name };
|
103
|
+
const location_4: string;
|
104
|
+
export { location_4 as location };
|
105
|
+
const title_5: string;
|
106
|
+
export { title_5 as title };
|
107
|
+
const cardsubtitle_4: string;
|
108
|
+
export { cardsubtitle_4 as cardsubtitle };
|
109
|
+
const cardbody_4: string;
|
110
|
+
export { cardbody_4 as cardbody };
|
111
|
+
}
|
112
|
+
export { args_3 as args };
|
113
|
+
}
|
114
|
+
export namespace bottomRight {
|
115
|
+
export namespace args_4 {
|
116
|
+
const name_5: string;
|
117
|
+
export { name_5 as name };
|
118
|
+
const location_5: string;
|
119
|
+
export { location_5 as location };
|
120
|
+
const title_6: string;
|
121
|
+
export { title_6 as title };
|
122
|
+
const cardsubtitle_5: string;
|
123
|
+
export { cardsubtitle_5 as cardsubtitle };
|
124
|
+
const cardbody_5: string;
|
125
|
+
export { cardbody_5 as cardbody };
|
126
|
+
}
|
127
|
+
export { args_4 as args };
|
128
|
+
}
|
129
|
+
import CardIcon from "./CardIcon.svelte";
|
@@ -0,0 +1,77 @@
|
|
1
|
+
import CardIcon from './CardIcon.svelte';
|
2
|
+
|
3
|
+
export default {
|
4
|
+
title: 'FMS/CardIcon',
|
5
|
+
component: CardIcon,
|
6
|
+
tags: ['autodocs'],
|
7
|
+
argTypes: {
|
8
|
+
name: {
|
9
|
+
control: { type: 'select' },
|
10
|
+
options: ['people', 'exclamation-triangle', 'trophy']
|
11
|
+
},
|
12
|
+
location: {
|
13
|
+
control: { type: 'select' },
|
14
|
+
options: ['top-left', 'top-right', 'bottom-left', 'bottom-right']
|
15
|
+
},
|
16
|
+
slotPosition: {
|
17
|
+
control: { type: 'select' },
|
18
|
+
options: ['left', 'right']
|
19
|
+
},
|
20
|
+
title: {
|
21
|
+
control: { type: 'text' }
|
22
|
+
},
|
23
|
+
cardsubtitle: {
|
24
|
+
control: { type: 'text' }
|
25
|
+
},
|
26
|
+
cardbody: {
|
27
|
+
control: { type: 'text' }
|
28
|
+
}
|
29
|
+
}
|
30
|
+
};
|
31
|
+
|
32
|
+
export const Default = {
|
33
|
+
args: {
|
34
|
+
name: 'people',
|
35
|
+
location: 'bottom-right',
|
36
|
+
title: 'component title',
|
37
|
+
cardsubtitle: '45',
|
38
|
+
cardbody: 'table data'
|
39
|
+
}
|
40
|
+
};
|
41
|
+
|
42
|
+
export const topLeft = {
|
43
|
+
args: {
|
44
|
+
name: 'people',
|
45
|
+
location: 'top-left',
|
46
|
+
title: 'component title',
|
47
|
+
cardsubtitle: '45',
|
48
|
+
cardbody: 'table data'
|
49
|
+
}
|
50
|
+
};
|
51
|
+
export const topRight = {
|
52
|
+
args: {
|
53
|
+
name: 'people',
|
54
|
+
location: 'top-right',
|
55
|
+
title: 'component title',
|
56
|
+
cardsubtitle: '45',
|
57
|
+
cardbody: 'table data'
|
58
|
+
}
|
59
|
+
};
|
60
|
+
export const bottomLeft = {
|
61
|
+
args: {
|
62
|
+
name: 'people',
|
63
|
+
location: 'bottom-left',
|
64
|
+
title: 'component title',
|
65
|
+
cardsubtitle: '45',
|
66
|
+
cardbody: 'table data'
|
67
|
+
}
|
68
|
+
};
|
69
|
+
export const bottomRight = {
|
70
|
+
args: {
|
71
|
+
name: 'people',
|
72
|
+
location: 'bottom-right',
|
73
|
+
title: 'component title',
|
74
|
+
cardsubtitle: '45',
|
75
|
+
cardbody: 'table data'
|
76
|
+
}
|
77
|
+
};
|