groundfloor-react-ui 1.0.19 → 1.0.20
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.js +12 -6
- package/components/Cards/Card.js +25 -30
- package/components/Cards/DocumentCard.js +83 -89
- package/components/Divider/Divider.js +23 -30
- package/components/FilterChip/FilterChip.js +34 -32
- package/components/Form/HeaderComponent.js +57 -27
- package/components/GroupAvatars/GroupAvatars.js +12 -16
- package/components/GroupButtons/GroupButtonsPopup.js +3 -9
- package/components/Inputs/CheckBoxInput.js +48 -26
- package/components/Inputs/DropdownSelect.js +55 -10
- package/components/Inputs/DropzoneInput.js +83 -68
- package/components/Inputs/RadioInput.js +55 -29
- package/components/Inputs/Signature.js +88 -38
- package/components/Inputs/TextArea.js +24 -40
- package/components/Inputs/TimeInput.js +9 -25
- package/components/Inputs/ToggleSwitch.js +87 -59
- package/components/Modal/ModalComp.js +61 -37
- package/components/Pagination/Pagination.js +30 -54
- package/components/ProgressBar/ProgressBar.js +57 -40
- package/components/Rating/Rating.js +8 -14
- package/components/Tables/Table.js +56 -34
- package/components/Tooltip/Tooltip.js +135 -141
- package/components/constants/defaultStyle.js +28 -37
- package/dist/index.es.js +413 -374
- package/dist/index.js +406 -367
- package/package.json +1 -1
|
@@ -27,47 +27,31 @@ const defaultStyles = {
|
|
|
27
27
|
color: 'red',
|
|
28
28
|
'border-color': 'black',
|
|
29
29
|
},
|
|
30
|
-
/**
|
|
31
|
-
* Default Style of the card
|
|
32
|
-
*/
|
|
33
|
-
card: {
|
|
34
|
-
color: `${defaultThemeColor.textColor}`,
|
|
35
|
-
'padding-top': '25px',
|
|
36
|
-
'padding-bottom': '25px',
|
|
37
|
-
'padding-left': '32px',
|
|
38
|
-
'padding-right': '32px',
|
|
39
|
-
'background-color': `${defaultThemeColor.bgColor}`,
|
|
40
|
-
width: 'inherit',
|
|
41
|
-
height: 'inherit',
|
|
42
|
-
'border-color': `${defaultThemeColor.neutral['neutral-4']}`,
|
|
43
|
-
'border-radius': '5px',
|
|
44
|
-
'box-shadow': '0px 5px 37px rgba(56, 66, 100, 0.0880136)',
|
|
45
|
-
},
|
|
46
30
|
|
|
47
31
|
/**
|
|
48
32
|
* Default Style of the progressBar
|
|
49
33
|
*/
|
|
50
|
-
progressWrapper: {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
},
|
|
34
|
+
// progressWrapper: {
|
|
35
|
+
// height: '10px',
|
|
36
|
+
// 'border-radius': '10px',
|
|
37
|
+
// 'margin-top': '13px',
|
|
38
|
+
// 'margin-left': '13px',
|
|
39
|
+
// 'margin-right': '13px',
|
|
40
|
+
// width: 'inherit',
|
|
41
|
+
// 'background-color': `${defaultThemeColor.primary['primary-1']}`,
|
|
42
|
+
// },
|
|
59
43
|
|
|
60
44
|
/**
|
|
61
45
|
* Default Style of the progressBar Container
|
|
62
46
|
*/
|
|
63
|
-
containerWrapper: {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
},
|
|
47
|
+
// containerWrapper: {
|
|
48
|
+
// height: 'inherit',
|
|
49
|
+
// width: 'inherit',
|
|
50
|
+
// transition: 'width 1s ease-in-out',
|
|
51
|
+
// 'border-radius': 'inherit',
|
|
52
|
+
// 'text-align': 'right',
|
|
53
|
+
// 'background-color': `${defaultThemeColor.primary['primary-1']}`,
|
|
54
|
+
// },
|
|
71
55
|
/**
|
|
72
56
|
* Default Style of the progressBar Label
|
|
73
57
|
*/
|
|
@@ -221,8 +205,15 @@ const defaultStyles = {
|
|
|
221
205
|
table: {
|
|
222
206
|
style: {
|
|
223
207
|
borderRadius: '4px',
|
|
224
|
-
paddingRight: '
|
|
208
|
+
paddingRight: '0px', // For the vertical scroll bar
|
|
225
209
|
// borderBottom: `1px solid red`,
|
|
210
|
+
backgroundColor: 'transparent',
|
|
211
|
+
},
|
|
212
|
+
},
|
|
213
|
+
checkbox: {
|
|
214
|
+
style: {
|
|
215
|
+
maxHeight: '28px',
|
|
216
|
+
maxWidth: '28px',
|
|
226
217
|
},
|
|
227
218
|
},
|
|
228
219
|
|
|
@@ -242,7 +233,7 @@ const defaultStyles = {
|
|
|
242
233
|
},
|
|
243
234
|
headCells: {
|
|
244
235
|
style: {
|
|
245
|
-
color: `${defaultThemeColor.variant['primary-2']}`,
|
|
236
|
+
// color: `${defaultThemeColor.variant['primary-2']}`,
|
|
246
237
|
fontSize: '14px',
|
|
247
238
|
fontWeight: '600',
|
|
248
239
|
'&:first-of-type': {
|
|
@@ -739,8 +730,8 @@ const defaultStyles = {
|
|
|
739
730
|
},
|
|
740
731
|
'modalComp-modal-close': {
|
|
741
732
|
position: 'absolute',
|
|
742
|
-
top: '
|
|
743
|
-
right: '
|
|
733
|
+
top: '15px',
|
|
734
|
+
right: '10px',
|
|
744
735
|
outline: 'none',
|
|
745
736
|
border: 'none',
|
|
746
737
|
background: 'transparent',
|