monkey-style-guide 2.0.48 → 2.0.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.
- package/README.md +5 -6
- package/assets/scss/partials/_forms.scss +8 -5
- package/assets/scss/partials/components/_buttons.scss +82 -223
- package/assets/scss/partials/components/_input.scss +17 -0
- package/assets/scss/partials/components/_select.scss +36 -7
- package/bundles/monkey-style-guide.umd.js +92 -72
- package/bundles/monkey-style-guide.umd.js.map +1 -1
- package/esm2015/lib/components/button/button.component.js +24 -6
- package/esm2015/lib/components/icon/icon.component.js +13 -3
- package/esm2015/lib/components/icon/icons.component.js +67 -67
- package/esm2015/lib/components/input/input.component.js +5 -5
- package/esm2015/lib/core/interfaces/monkey-modal-settings.js +1 -1
- package/esm2015/lib/core/services/snackbar/mokey-style-guide-snackbar.service.js +2 -2
- package/fesm2015/monkey-style-guide.js +104 -76
- package/fesm2015/monkey-style-guide.js.map +1 -1
- package/lib/components/button/button.component.d.ts +2 -0
- package/lib/components/icon/icon.component.d.ts +2 -0
- package/lib/core/interfaces/monkey-modal-settings.d.ts +5 -5
- package/monkey-style-guide-2.0.52.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.48.tgz +0 -0
package/README.md
CHANGED
|
@@ -72,7 +72,7 @@ Parameters:
|
|
|
72
72
|
- **icon** (optional)(string) define the icon for button
|
|
73
73
|
- **iconPoition** (string)(default: 'left') define the icon position. Can be _left_ or _right_
|
|
74
74
|
- **label** (string) define the label that will be displayed inside the button
|
|
75
|
-
- **type** (string) can be _primary_, _secondary_, _tertiary_
|
|
75
|
+
- **type** (string) can be _primary_, _secondary_, _tertiary_
|
|
76
76
|
|
|
77
77
|
Example:
|
|
78
78
|
|
|
@@ -95,7 +95,6 @@ import { MonkeyButtonModule } from 'monkey-style-guide';
|
|
|
95
95
|
<monkey-button color="theme" label="Primary" type="primary"></monkey-button>
|
|
96
96
|
<monkey-button color="error" label="Secondary" type="secondary"></monkey-button>
|
|
97
97
|
<monkey-button color="warning" label="Tertiary" type="tertiary"></monkey-button>
|
|
98
|
-
<monkey-button color="success" label="Quaternary" type="quaternary"></monkey-button>
|
|
99
98
|
```
|
|
100
99
|
|
|
101
100
|
---
|
|
@@ -142,13 +141,13 @@ Example:
|
|
|
142
141
|
<monkey-button
|
|
143
142
|
color="theme"
|
|
144
143
|
label="Profile"
|
|
145
|
-
type="
|
|
144
|
+
type="tertiary"
|
|
146
145
|
[routerLink]="'/app/user/profile/edit'"
|
|
147
146
|
>
|
|
148
147
|
</monkey-button>
|
|
149
148
|
</div>
|
|
150
149
|
<div class="mt-2">
|
|
151
|
-
<monkey-button color="theme" label="Logout" type="
|
|
150
|
+
<monkey-button color="theme" label="Logout" type="tertiary"></monkey-button>
|
|
152
151
|
</div>
|
|
153
152
|
</monkey-button-dropdown>
|
|
154
153
|
|
|
@@ -561,7 +560,7 @@ openModal() {
|
|
|
561
560
|
action: {
|
|
562
561
|
cancel: {
|
|
563
562
|
actionColor: 'theme',
|
|
564
|
-
actionType: '
|
|
563
|
+
actionType: 'tertiary',
|
|
565
564
|
label: 'Cancel',
|
|
566
565
|
},
|
|
567
566
|
confirm: {
|
|
@@ -627,7 +626,7 @@ openModal() {
|
|
|
627
626
|
action: {
|
|
628
627
|
cancel: {
|
|
629
628
|
actionColor: 'theme',
|
|
630
|
-
actionType: '
|
|
629
|
+
actionType: 'tertiary',
|
|
631
630
|
label: 'Cancel',
|
|
632
631
|
},
|
|
633
632
|
confirm: {
|
|
@@ -39,9 +39,11 @@ mecx-form-field {
|
|
|
39
39
|
width: 100%;
|
|
40
40
|
display: flex;
|
|
41
41
|
flex-direction: row;
|
|
42
|
-
padding: 16px;
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
padding-left: 16px;
|
|
43
|
+
padding-right: 16px;
|
|
44
|
+
//height: 48px;
|
|
45
|
+
background-color: #f5f5f5;
|
|
46
|
+
border: 1px solid #d6d6d6;
|
|
45
47
|
border-radius: 8px;
|
|
46
48
|
margin-top: 4px;
|
|
47
49
|
margin-bottom: 4px;
|
|
@@ -90,7 +92,9 @@ mecx-form-field {
|
|
|
90
92
|
}
|
|
91
93
|
|
|
92
94
|
& > input {
|
|
93
|
-
background-color:
|
|
95
|
+
background-color: inherit;
|
|
96
|
+
height: 48px;
|
|
97
|
+
border-radius: 8px;
|
|
94
98
|
}
|
|
95
99
|
}
|
|
96
100
|
|
|
@@ -194,7 +198,6 @@ mecx-form-field-filter {
|
|
|
194
198
|
flex-direction: row;
|
|
195
199
|
padding: 16px;
|
|
196
200
|
height: 48px;
|
|
197
|
-
background-color: #ebebeb;
|
|
198
201
|
border-radius: 8px;
|
|
199
202
|
margin-top: 4px;
|
|
200
203
|
margin-bottom: 4px;
|